/* ═══════════════════════════════════════════════════════════════════
   GETTING RESULTS — DESIGN TOKENS · ENGINEERING INSTRUMENT PANEL
   Single source of truth for every color, font, scale, spacing and
   motion value. Dark is the only theme. One accent hue, spent sparingly.
   Everything below the mono/serif split does the visual work.
   ═══════════════════════════════════════════════════════════════════ */
:root{

  /* ── Surfaces · near-black, very slightly blue ── */
  --bg:            #05070d;  /* page background                              */
  --surface:       #0a0b0e;  /* cards, panels, raised blocks                 */
  --surface-2:     #101219;  /* nested panels, table stripes, inputs         */

  /* ── Text ── */
  --text:          #e6e8f0;  /* headlines, primary copy                      */
  --text-muted:    #8a93ad;  /* body prose, descriptions, labels             */
  --text-dim:      #565f78;  /* legal, captions, inactive metadata           */

  /* ── Accent · the ONLY hue on the page ── */
  --accent:        #96ff00;  /* signal lime — the ONLY hue                   */
  --accent-dim:    rgba(150, 255, 0, 0.25); /* borders, glows                */
  --accent-wash:   rgba(150, 255, 0, 0.08); /* hover fills                   */

  /* ── Structure ── */
  --hairline:      rgba(230, 232, 240, 0.10); /* default 1px borders         */
  --hairline-soft: rgba(230, 232, 240, 0.06); /* section dividers            */

  /* ── Status · live/system indicators only, never decorative ── */
  --ok:            #4ade80;
  --warn:          #fbbf24;

  /* ── Type · sans = headlines/body, mono = the chrome ── */
  --font-sans: 'Inter', ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-display: clamp(2.6rem, 8vw, 6rem);      /* hero H1                    */
  --fs-h2:      clamp(2rem, 5vw, 3.75rem);     /* section headlines          */
  --fs-h3:      clamp(1.1rem, 2vw, 1.5rem);    /* card titles                */
  --fs-body:    clamp(0.95rem, 1.2vw, 1.05rem);
  --fs-label:   0.72rem;                        /* mono metadata              */
  --fs-micro:   0.65rem;                        /* counters, Ids, labels      */

  /* ── Spacing · 8px base grid ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 160px;

  /* ── Motion · mechanical, no bounce ── */
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-hover: ease-out;
  --dur-hover: 160ms;
  --dur-entrance: 520ms;
  --dur-section: 700ms;

  /* ── Layout ── */
  --radius: 6px;               /* sharp is correct; nothing pill-shaped      */
  --container-max: 1440px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);
}