/* Convergence design tokens. Mirrors lib/brand.rb. See docs/brand.md. */
:root {
  /* Colour */
  --c-ink: #14192B;
  --c-signal: #E8553D;
  --c-signal-ink: #B83A25;
  --c-horizon: #2F5BEA;
  --c-sand: #F6F1E9;
  --c-paper: #FFFFFF;
  --c-mist: #E4E7EF;
  --c-slate: #5B6378;
  --c-go: #1F8A5B;
  --c-hold: #C98A0B;
  --c-go-deep: #17724B;   /* status text; Go fails AA as small text */
  --c-hold-deep: #8F6206; /* status text; Hold fails AA as small text */
  --c-night: #0E1222;     /* hero and email header ground */

  --bg: var(--c-sand);
  --surface: var(--c-paper);
  --text: var(--c-ink);
  --text-muted: var(--c-slate);
  --border: var(--c-mist);
  --accent: var(--c-signal);
  --link: var(--c-horizon);
  --go-text: var(--c-go-deep);
  --hold-text: var(--c-hold-deep);

  /* Type */
  --font-display: "Schibsted Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;

  /* Space (4px grid) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-12: 3rem;

  --radius: 12px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgb(20 25 43 / 6%), 0 4px 16px rgb(20 25 43 / 6%);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0E1220;
    --surface: #171C2E;
    --text: #EEF0F6;
    --text-muted: #A3AABD;
    --border: #262C42;
    --link: #7C9BFF;
    --go-text: #57D3A0;
    --hold-text: #F0B848;
  }
}