/* SPARC product site — design tokens.
   Source: the design project artboards (site/design/Home.dc.html, THEMES.Warm,
   corners = Square). Typography deliberately moved off the design's Schibsted Grotesk /
   IBM Plex Mono pairing onto a standard system stack (PO direction 2026-08-18) — change
   --font-sans / --font-mono here and every page follows. */

:root {
  /* Surfaces & text (Warm theme) */
  --bg: #FBF8F3;
  --surface: #FFFFFF;
  --surface-2: #F3EEE5;
  --hero-bg: #F8F3EB;
  --text: #211D17;
  --text-2: #5A5247;
  --text-3: #8F8678;
  --border: #E9E2D6;

  /* Accent */
  --accent: #2257D6;
  --accent-hover: #1D4BB8; /* color-mix(in srgb, #2257D6, #000 14%) */
  --on-accent: #FFFFFF;

  /* Semantic */
  --ok: #1FA971;
  --ok-text: #0E7A4F;
  --warn: #C2920E;
  --warn-text: #9A6B12;
  --warn-dark: #F0B23E;
  --warn-dark-text: #F5C978;

  /* Shape */
  --radius: 4px;
  --radius-sm: 3px;

  /* Type */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans", "Liberation Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Layout */
  --container: 1200px;
  --gutter: 32px;
  --nav-h: 68px;
}

/* Dark band / dark page palette (Home §SysML, the /sysml-v2 page). Apply on a wrapper. */
.theme-dark {
  --bg: #0B1017;
  --surface: #141C27;
  --surface-2: #101825;
  --hero-bg: #0D1420;
  --text: #EDF1F7;
  --text-2: #A7B4C6;
  --text-3: #7A8798;
  --border: #26313F;
  --accent: #7BA6FA;
  --accent-hover: #A3C0FB;
  --on-accent: #0B1017;
  color-scheme: dark;
  color: var(--text); /* inherited colours were resolved on the light body — re-resolve inside the dark scope */
}

@media (max-width: 720px) {
  :root { --gutter: 20px; }
}