/* THE VALLEY TOKENS — the hub's shared look, September 25, 2026.
   Butler's hand, on the founder's instruction ("do the valley look pass on
   index, resident, and transmissions"). His to override; the two design systems
   that exist — KOBOWARE's three-ink poster language and the Pool Party's — are
   BOTH his, and this one is deliberately quieter than either so the lands stay
   the loud things.

   WHAT THIS IS: the three pages already shared a palette by accident — night
   sky, warm ink, one ember — declared separately in each file, with the values
   drifting apart (three different --dim, two different --sky). That is what
   "generic" felt like: a palette with no system underneath. This declares it
   once, adds the scales it never had, and gives the valley one recurring mark.

   THE IDEA: the valley at night, read by lamplight. The ground is the sky after
   dark. The ink is bone, not white — paper warmed by a lamp. The ember is the
   only heat on the page and is spent on one thing at a time.

   THE SEAM, MADE VISIBLE: the land speaks in serif; the machine speaks in mono.
   Coordinates, transmission numbers, gate labels and anything the registry
   itself says are monospaced — the honest-alien rule as typography, so a
   visitor can always see which voice is which.

   CONSTRAINTS (from DESIGN_PROMPTS' hard rules): no CDNs, no webfonts, no image
   files. Everything here is system fonts and CSS. It must survive a phone, a
   desert data connection, and a printer. */

:root {
  /* ── ground and ink ─────────────────────────────────────────────── */
  --sky: #050608;          /* the ground: the sky after dark */
  --sky-lift: #0b0d11;     /* a surface lifted off the ground (cards, wells) */
  --ink: #e8e4da;          /* bone, not white — lamplit paper */
  --dim: #9a948a;          /* secondary voice */
  --faint: #56524a;        /* structure, hairlines, things that must recede */
  --ember: #c8743a;        /* the only heat. One per view, ideally */
  --ember-lift: #e08a4c;   /* the ember, hovered */

  /* ── type: the land in serif, the machine in mono ───────────────── */
  --font-land: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Times New Roman', serif;
  --font-machine: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* A real scale, which is most of what was missing. Fluid, so a phone and a
     desktop read the same shape at different sizes. */
  --t-display: clamp(1.9rem, 6vw, 3.4rem);
  --t-title: clamp(1.4rem, 3.4vw, 2.1rem);
  --t-lead: clamp(1.02rem, 1.4vw, 1.14rem);
  --t-body: 1.02rem;
  --t-small: 0.9rem;
  --t-micro: 0.76rem;      /* eyebrows, stamps, the machine's own register */

  --lh-tight: 1.3;
  --lh-body: 1.75;         /* long desert paragraphs want air */
  --track-wide: 0.3em;     /* the valley's letterspacing, on display + eyebrows */
  --track-micro: 0.22em;

  /* ── space: one scale, no arbitrary numbers ─────────────────────── */
  --s1: 0.4rem;
  --s2: 0.8rem;
  --s3: 1.2rem;
  --s4: 1.8rem;
  --s5: 2.6rem;
  --s6: 4rem;
  --s7: 7rem;
  --gutter: 1.5rem;        /* never less than 16px on a phone */
  --measure: 34rem;        /* the reading column */

  /* ── the recurring mark ─────────────────────────────────────────── */
  /* THE HORIZON: a hairline that catches the ember in its middle and fades out
     at both ends, like the last light along a ridge. It is the one thing every
     valley page shares, and the cheapest possible unifier — no images. */
  --horizon: linear-gradient(90deg, transparent, var(--faint) 18%, var(--ember) 50%, var(--faint) 82%, transparent);
  --hairline: 1px solid rgba(86, 82, 74, 0.55);
  --focus: 2px solid var(--ember);
}

/* The valley is a night place; a light-mode override would be a different
   design, not a tint. If one is ever wanted it belongs in its own file. */
@media (prefers-color-scheme: light) {
  :root { color-scheme: dark; }
}