/* RasoCMS design tokens — Hallmark Terminal theme (atmospheric genre).
   Single self-hosted variable font (JetBrains Mono, latin subset, wght 100–800):
   a true terminal aesthetic is monospace-everywhere on purpose (typography.md
   § Principles). Every colour and font in the build must reference a token
   here — no inline OKLCH/hex, no bare font-family declarations elsewhere. */

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---- Colour — Terminal: dark paper, phosphor-green accent ---- */
  /* axes: paper-band = dark · display-style = mono · accent-hue = phosphor (chromatic-other) */
  --color-paper:    oklch(13% 0.014 155);
  --color-paper-2:  oklch(17% 0.017 155);
  --color-paper-3:  oklch(21% 0.019 155);
  --color-rule:     oklch(32% 0.020 155);
  --color-rule-2:   oklch(42% 0.026 155);
  --color-neutral:  oklch(60% 0.020 155);
  --color-muted:    oklch(75% 0.028 155);
  --color-ink:      oklch(93% 0.018 155);

  --color-accent:   oklch(78% 0.19 152);
  --color-accent-2: oklch(66% 0.17 152);
  --color-focus:    oklch(83% 0.20 152);
  --color-error:    oklch(74% 0.18 25);
  /* Text colour for on-accent fills (e.g. .skip-link) — aliased to
     --color-paper (same value); named separately so accent-fill-with-text
     instances reference a dedicated token per slop-test.md gate 41. */
  --color-accent-ink: var(--color-paper);

  /* ---- Typography — single family by design (Terminal) ---- */
  --font-display: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-body:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.1875rem;
  --text-lg:   1.4844rem;
  --text-xl:   1.8555rem;
  --text-2xl:  2.3184rem;
  --text-3xl:  2.8975rem;
  --text-display:   clamp(2.25rem, 3.6vw + 1rem, 3.75rem);
  --text-display-s: clamp(1.75rem, 2.4vw + 1rem, 2.75rem);

  /* ---- Space — 4pt scale ---- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --measure: 64ch;

  /* ---- Motion — Terminal: static, except the nav caret ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ---- Radius / rule weight ---- */
  --radius-sm: 2px;
  --rule-hair: 1px;

  /* ---- Z-scale ---- */
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky-nav: 300;
  --z-modal: 400;
  --z-toast: 500;
}