/* ==========================================================================
   Formglyph — design tokens
   Warm paper + ink palette, one restrained gold accent, four outcome colours.
   Change a value here and it changes everywhere.
   ========================================================================== */

:root {
  /* Paper & ink */
  --paper: #f3eee4;
  --paper-2: #f8f4ec;
  --paper-3: #ece5d7;
  --ink: #141210;
  --ink-2: #2a2622;
  --muted: #7b756b;
  --line: #9b9487;
  --line-soft: #d3ccbd;

  /* Brand */
  --green-deep: #34483c;
  --gold: #a67c47;
  --gold-2: #b8924f;
  --gold-light: #d6bd8e;

  /* The four outcomes (human / assisted / generated / inconclusive) */
  --human: #55665b;
  --assisted: #b8924f;
  --generated: #9a5a4e;
  --inconclusive: #6a7581;

  /* Dark section */
  --night: #0a0a0a;
  --night-2: #141414;
  --night-line: rgba(243, 238, 228, 0.16);

  /* Graph status colours */
  --st-live: #2fb865;
  --st-live-fill: #d8f1de;
  --st-pilot: #e0a526;
  --st-pilot-fill: #fbefcf;
  --st-alert: #e25b5b;
  --st-alert-fill: #fbdcdc;
  --st-planned: #8aa5e6;

  /* Type */
  --font-display: "Anton Local", "Anton", "Roboto Condensed", "Impact", "Arial Narrow", sans-serif;
  --font-ui: "Inter Local", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono Local", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Fluid type scale (tuned against a 1586px wide design) */
  --fs-mono: clamp(12px, 1.08vw, 17.5px);
  --fs-lede: clamp(24px, 2.5vw, 41px);
  --fs-body: clamp(16px, 1.5vw, 24px);
  --fs-h2: clamp(46px, 6.2vw, 104px);
  --h1-leading: 0.9;          /* tweak if you swap the display font */

  /* Layout */
  --gutter: clamp(20px, 4.3vw, 68px);
  --maxw: 1580px;
  --radius: 7px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}