/* Skyenet site - design tokens
 *
 * Values live here. Rationale and the measured contrast evidence live in
 * docs/design-directions.md. Neither restates the other (Conventions, README).
 *
 * Register: retro-future - pixel display type, hard edges, circuit-board accents,
 * driven by Skye's logo (2026-10-10). Dark-first with a real light mode.
 *
 * Contrast measured, not eyeballed - AA for normal text needs >= 4.5:1:
 *   dark  - text 16.67, muted 8.98, accent 11.88, secondary 10.83
 *   light - text 17.01, muted 6.39, accent 5.81, secondary 4.74
 * Hairlines are decorative only (dark 1.59:1) and never the sole signal.
 */


:root {
  --canvas: #0A0F1E;
  --surface: #121A31;
  --hairline: #2A3557;
  --text: #E8F0FF;
  --muted: #A3B2D4;
  --accent: #4DE3C1;
  --accent-ink: #04211B;
  --secondary: #FFB454;
  --shadow: #05070F;
  --focus: #4DE3C1;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --canvas: #F5F8FF;
    --surface: #E9EFFF;
    --hairline: #CFDAF0;
    --text: #0E1626;
    --muted: #4E5B78;
    --accent: #0A6E5C;
    --accent-ink: #F5F8FF;
    --secondary: #A85B04;
    --shadow: #C3CEE8;
    --focus: #0A6E5C;
    color-scheme: light;
  }
}

[data-theme="light"] { --canvas:#F5F8FF; --surface:#E9EFFF; --hairline:#CFDAF0; --text:#0E1626; --muted:#4E5B78; --accent:#0A6E5C; --accent-ink:#F5F8FF; --secondary:#A85B04; --shadow:#C3CEE8; --focus:#0A6E5C; color-scheme: light; }
[data-theme="dark"] { --canvas:#0A0F1E; --surface:#121A31; --hairline:#2A3557; --text:#E8F0FF; --muted:#A3B2D4; --accent:#4DE3C1; --accent-ink:#04211B; --secondary:#FFB454; --shadow:#05070F; --focus:#4DE3C1; color-scheme: dark; }

:root {
  /* Role -> family. Values live here; site.css only ever references the role. */
  --font-wordmark: "Upheaval", ui-monospace, monospace;   /* the wordmark only */
  --font-heading: "Bebas Neue", ui-monospace, monospace;  /* h1/h2/h3 */
  --font-identity: "Silkscreen", ui-monospace, monospace; /* nav, eyebrow, step numbers */
  --font-terminal: "Terminal 16", ui-monospace, monospace;/* ticker and status lines */
  --font-ui: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --step--1: 1rem;
  --step-0: 1.25rem;
  --step-1: 1.5rem;
  --step-2: 2rem;
  --step-3: 2.5rem;
  --step-4: 3.25rem;
  --step-5: 4rem;
  --leading-tight: 1.2;
  --leading-body: 1.5;
  --measure: 62ch;
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;
  --s-7: 7rem;
  --radius: 0;
  --border: 2px;
  --dur-fast: 90ms;
  --dur: 140ms;
  --ease: steps(4, end);
}

@media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0ms; --dur: 0ms; } }

:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }