/*
 * tokens.css — 2026 revamp design tokens (palette: "Cupertino").
 *
 * Source of truth: docs/design/design-decisions.md § Color tokens + § Typography.
 * Hex values are EXACT — do not tweak. Theming is prefers-color-scheme only
 * (no JS theme toggle at launch), so there are no [data-theme] override blocks.
 *
 * Load this BEFORE site.css on every page — site.css reads these var()s.
 */

/*
 * THESE EIGHT LIGHT HEXES ARE MIRRORED BY HAND in docs/design/pin-light.css.
 *
 * CSS cannot read a variable's value back out of the media query that set it,
 * so the two brand assets — assets/img/og-card.png and assets/img/favicon.png —
 * are rendered against a file that re-states this palette to pin the render
 * light. (Headless Brave inherits the macOS appearance, so without the pin the
 * card comes out true-black on a dark-mode Mac; it did, once.)
 *
 * If you change any value below: change it in docs/design/pin-light.css too,
 * then RE-RENDER BOTH PNGs and look at them. The render commands are in the
 * head comment of each source file under docs/design/. Skip that and the site
 * quietly disagrees with its own social card.
 */
:root {
  /* Colour — light (default) */
  --ground: #fbfbfd;
  --plate: #ffffff;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --accent: #0066cc;
  --accent-soft: #eaf2fc;
  --on-accent: #f5f9ff;
  --line: #d8d8dd;

  /* Type — display leads with self-hosted Jost (see site.css @font-face) */
  --display: Jost, Futura, "Century Gothic", "Trebuchet MS", sans-serif;
  --body: system-ui, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Colour — dark (ground is true black, deliberate for OLED) */
    --ground: #000000;
    --plate: #151517;
    --ink: #f5f5f7;
    --muted: #86868b;
    --accent: #2997ff;
    --accent-soft: #0c2742;
    --on-accent: #041020;
    --line: #333338;
  }
}