/* Base tokens, fonts, resets */
:root{
  /* font sizes & line-heights */
  --fs-base: 1rem;      /* 16px */
  --lh-base: 1.6;
  --fs-lg: 1.125rem;    /* 18px */
  --fs-xl: 2rem;        /* 32px */

  /* colors */
  --color-bg: #000;
  --color-text: #fff;
  --brand-gold: #FFD700;
  --brand-yellow: #ffc107;
  --gray-900: #212529;
}

html{ scroll-behavior: smooth; }
body{
  margin: 0;
  overflow-x: hidden;
  font-family: "Arimo", sans-serif;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: var(--color-text);
  background: var(--color-bg);
}
body, html{ height: 100%; }

/* Font utility classes */
.anton-regular{
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.montserrat-encrafto{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.arimo-encrafto{
  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.public-sans-encrafto{
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}