/* Tokens — cores, fontes, scrollbar, motion */

:root {
  --p1: #d6ff00;
  --p2: #f9ffda;
  --p3: #ebff7b;
  --p4: #85ac18;
  --p5: #435210;
  --b1: #101114;
  --b2: #202127;
  --b3: #2c2d35;
  --w1: #fffcf8;
  --w2: #ffffff;
  --link: #0c8ce9;

  --font-sans: "Inter", sans-serif;
  --font-serif: "Instrument Serif", serif;
  --font-condensed: "Sofia Sans Extra Condensed", sans-serif;

  --scrollbar-size: 10px;
  --scrollbar-radius: 1000px;
  --scrollbar-track: transparent;
  --scrollbar-thumb: var(--p1);
  --scrollbar-thumb-hover: var(--p1);
  --scrollbar-thumb-active: var(--p3);

  --anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --anim-duration: 0.55s;
  --reveal-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --reveal-duration: 0.7s;
  --reveal-distance: 1rem;
}

@media (max-width: 900px), (pointer: coarse) {
  :root {
    --anim-duration: 0.01ms;
    --reveal-duration: 0.01ms;
    --reveal-distance: 0px;
  }
}