/* ============================================================
   REVERSEPAD design tokens. THE ONLY FILE WITH COLOURS, FONTS AND SPACING.
   Every page (site.css) and every generated site (sections/sections.css)
   reads these variables and nothing else.
   Look: "expensive green" (owner, 2026-10-15) — British racing green and
   emerald, ivory text, champagne gold only on source tags. Concepts in
   design-refs/reverspad/concepts-green/. NOT neon hacker green.
   ============================================================ */
:root{
  /* surfaces */
  --bg:#060B08;                         /* near-black with a green undertone */
  --bg-2:#0B1A13;                       /* bottle-green panel */
  --bg-3:#0F2219;                       /* input, chip, hover */
  --grid-dot:rgba(126,143,133,.10);     /* faint dotted grid behind diagrams */

  /* text */
  --ink:#E8E4D8;                        /* warm ivory: headings, values */
  --ink-2:#D6D2C4;                      /* headline ivory */
  --muted:#9AA89F;                      /* body copy */
  --dim:#7E8F85;                        /* sage grey: labels, gutters */
  --faint:#4F5E55;                      /* struck-through unknowns */

  /* the one accent: rich emerald */
  --accent:#1E9E6A;
  --accent-ink:#2FBF84;                 /* emerald as text on dark (readable) */
  --accent-soft:rgba(30,158,106,.12);   /* selected card wash */
  --on-accent:#04120B;                  /* text on the emerald button */
  --glow:0 0 0 1px rgba(30,158,106,.55),0 0 22px rgba(30,158,106,.28);

  /* champagne gold: source tags and a few rules only */
  --gold:#C9B37E;
  --gold-line:rgba(201,179,126,.35);

  /* states (words, never dots) */
  --ok:#2FBF84;
  --warn:#C9B37E;
  --bad:#D9826B;

  /* lines + overlays */
  --line:rgba(180,200,188,.12);         /* pale green-grey hairline */
  --line-soft:rgba(180,200,188,.07);
  --scrim:rgba(6,11,8,.9);

  /* type */
  --f-display:'Sora',system-ui,sans-serif;          /* the thin wordmark only */
  --f-body:'JetBrains Mono',ui-monospace,monospace; /* everything else is mono */
  --f-mono:'JetBrains Mono',ui-monospace,monospace;
  --fs-body:14px;
  --fs-small:12.5px;
  --fs-label:11px;
  --fs-mark:clamp(52px,8.5vw,136px);    /* giant home wordmark */
  --fs-h1:clamp(22px,3.4vw,34px);       /* prompt-line headings */
  --fs-h2:clamp(18px,2.4vw,24px);
  --fs-hero:clamp(34px,6.2vw,72px);    /* generated sites: hero headline */
  --fs-sec:clamp(24px,3.8vw,44px);     /* generated sites: section headline */
  --fs-h3:16px;
  --w-display:200;
  --track-label:.14em;

  /* geometry + spacing */
  --r:4px;                              /* near-square panels, terminal feel */
  --r-btn:3px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
  --pad:clamp(16px,3vw,32px);           /* page gutter (16px on a phone) */
  --wrap:1440px;
  --sec:clamp(40px,6vw,72px);

  /* iPhone */
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
}