/* Design tokens: every color, font and spacing value the site uses.
   Changing the brand look = changing values here only. */
:root {
  /* Colors — "Engineered calm": off-white, ink navy, one signal accent */
  --bg: #f7f6f2;
  --surface: #ffffff;
  --ink: #14213d;          /* main text + dark sections */
  --ink-soft: #4a5568;     /* secondary text */
  --line: #e2e0d8;         /* thin rules and borders */
  --accent: #e8590c;       /* signal orange: buttons, highlights */
  --accent-ink: #ffffff;   /* text on accent */
  --accent-soft: #fdebdf;

  /* Status badge colors */
  --status-dev: #7c5e10;   --status-dev-bg: #fbf1d3;
  --status-pilot: #1f5f99; --status-pilot-bg: #e1eefa;
  --status-live: #1d6b3a;  --status-live-bg: #dff3e6;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Layout */
  --max: 1120px;
  --gutter: clamp(16px, 4vw, 32px);
  --radius: 10px;
  --space-section: clamp(64px, 9vw, 112px);
}