/* Stealthy visual tokens — 2026 direction. Home consumes these; other pages still use style.css. */
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-latin.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Public Sans";
  src: url("/fonts/public-sans-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/ibm-plex-mono-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --paper: #ffffff;
  --slab: #e9eae7;
  --ink: #0e1116;
  --restricted: #5f6469; /* AA on --paper (5.98) and --slab (4.95). Forbidden on --ink (3.16). */
  --whisper: #8b9199; /* AA meta on --ink (5.95). The tagline slot. Never on --paper/--slab. */
  --deep: #10259b;
  --signal: #38f2e4; /* www mark on --deep. Extension toolbar cyan (#16ffff) is a separate asset. */

  --font-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  --fs-display-xl: clamp(2.75rem, 9vw, 6.5rem);
  --fs-display-l: clamp(2rem, 4.5vw, 3.25rem);
  --fs-head-m: 1.375rem;
  --fs-lead: clamp(1.0625rem, 1.6vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-meta: 0.8125rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius: 8px;
  --nav-h: 64px;
  --max-w: 1120px;
  --gutter: 20px;
  --section-y: var(--space-8);
}

@media (min-width: 768px) {
  :root {
    --gutter: 32px;
    --section-y: var(--space-10);
  }
}