/* OPTIK ERAS · portable design tokens */
:root{
  --color-paper:oklch(94% .020 82);
  --color-paper-2:oklch(90% .025 82);
  --color-paper-3:oklch(84% .022 82);
  --color-ink:oklch(19% .016 58);
  --color-ink-soft:oklch(38% .018 58);
  --color-rule:oklch(67% .020 72);
  --color-rule-soft:oklch(80% .018 76);
  --color-1972:oklch(61% .170 38);
  --color-1997:oklch(49% .145 250);
  --color-2018:oklch(56% .150 148);
  --color-focus:oklch(49% .170 250);
  --color-dark-paper:oklch(24% .018 58);
  --color-dark-ink:oklch(94% .020 82);
  --font-display:"EB Garamond",serif;
  --font-body:"IBM Plex Sans",sans-serif;
  --font-mono:"IBM Plex Mono",monospace;
  --space-2xs:.25rem;
  --space-xs:.5rem;
  --space-sm:.75rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --space-2xl:3rem;
  --space-3xl:4rem;
  --space-4xl:6rem;
  --text-xs:.64rem;
  --text-sm:.8rem;
  --text-base:1rem;
  --text-md:1.25rem;
  --text-lg:1.5625rem;
  --text-xl:1.953rem;
  --text-2xl:2.441rem;
  --text-display:clamp(3rem,6vw + 1rem,5.5rem);
  --dur-micro:120ms;
  --dur-short:220ms;
  --dur-long:420ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --rule-hair:1px;
  --rule-heavy:3px;
  --radius-sm:.25rem;
  --radius-md:.5rem;
  --max-width:1680px;
}