/* ==================================================================
   tokens.css — the whole palette and type scale, in one place.
   Direction B: charcoal grounds, floodlight amber, tabular figures.

   ALWAYS DARK (decided 2026-08-19): the site has one appearance on
   every device. The paper tokens below hold what used to be the
   dark-theme values; the light palette and the prefers-color-scheme /
   data-theme machinery were removed with it. To resurrect a light
   theme, see git history for this file.
   ================================================================== */

:root {
  /* Fixed dark grounds — identical in light and dark themes. */
  --dark:      #101418;
  --dark-2:    #171d23;
  --dark-3:    #1e252d;
  --dark-line: #262e37;
  --on-dark:   #ffffff;
  --on-dark-2: #9aa6b3;
  --on-dark-3: #6d7885;

  /* Accent. --amber sits on dark; --amber-ink is the darkened variant
     that meets contrast on light surfaces. Never swap them. */
  --amber:     #ffb020;
  --amber-hi:  #ffc24d;
  --amber-ink: #ffb020;
  --amber-wash:#2a1f08;

  /* Semantic signals, deliberately separate from the accent. */
  --good:      #4fbf90;
  --good-wash: #12291f;
  --warn:      #e0a955;
  --warn-wash: #2a2113;
  --bad:       #e58a80;
  --bad-wash:  #2c1614;

  /* Paper surfaces — dark, always. */
  --paper:     #0c0f12;
  --paper-2:   #12171c;
  --ink:       #eef1f4;
  --body:      #a3aeba;
  --faint:     #7e8a97;
  --line:      #242b33;
  --line-soft: #1a2026;

  --focus:     #6ea8ff;

  /* Native widgets (form controls, scrollbars) render dark too. */
  color-scheme: dark;

  /* Type scale — 1.25 ratio, capped so headings stay in proportion. */
  --t-xs:   11.5px;
  --t-sm:   13px;
  --t-base: 16px;
  --t-md:   18px;
  --t-lg:   22px;
  --t-xl:   clamp(26px, 3.4vw, 36px);
  --t-2xl:  clamp(32px, 5vw, 52px);
  --t-3xl:  clamp(40px, 7.2vw, 84px);

  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  /* Spacing — 4px base. */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  --radius: 4px;
  --radius-lg: 8px;
  --wrap: 1140px;
}