/* ============================================================
   COSMIC BUILDERS — one design-token source
   Rule: Cosmic is the universe. Brown is a location.
   Cosmic tokens live on :root. Burg materials activate ONLY
   inside [data-district="burg"] — never import them elsewhere.
   ============================================================ */

:root{
  color-scheme:dark;

  /* Cosmic materials */
  --void:#040208;
  --ink:#e9f0fb;
  --ink-dim:rgba(222,232,248,.66);
  --ink-faint:rgba(200,212,232,.38);
  --ember:#ff9c5a;
  --ember-deep:#e84500;
  --nebula:#8b5cf6;
  --ice:#22d3ee;
  --gold-signal:#ffcf72;            /* sparse — important signals only */
  --glass:rgba(255,255,255,.05);
  --glass-bd:rgba(255,255,255,.11);

  /* Type */
  --fd:'Marcellus',serif;           /* display */
  --fu:'Space Grotesk',sans-serif;  /* UI/body */
  --fm:'JetBrains Mono',monospace;  /* labels, data */

  /* Rhythm */
  --space-section:clamp(4rem,3rem + 5vw,9rem);
  --radius:14px;
  --dur-fast:150ms;
  --dur:300ms;
  --ease:cubic-bezier(.16,1,.3,1);

  /* Semantic */
  --bg:var(--void);
  --fg:var(--ink);
  --accent:var(--ember);
  --accent-2:var(--ice);
  --link:var(--ice);
  --live-pulse:var(--gold-signal);
}

/* ------------------------------------------------------------
   THE BURG — a physical material found on one planet.
   Warm storefront light, oak, brick, paper, brass.
   ------------------------------------------------------------ */
[data-district="burg"]{
  color-scheme:dark;

  --ink-deep:#160c04;               /* tobacco dark */
  --wood:#3a2412;
  --oak:#2a1a0c;
  --amber:#f0a83a;
  --amber-bright:#ffcf72;
  --paper:#f3e6d2;
  --paper-dim:#dcc6a8;
  --brass:#a06a32;
  --teal-burg:#3fe3e0;              /* counter-warm accent */
  --muted:#a98c66;

  --fd:'Fraunces',serif;
  /* --fu stays Space Grotesk: the shared voice across districts */

  --bg:var(--ink-deep);
  --fg:var(--paper-dim);
  --accent:var(--amber);
  --accent-2:var(--teal-burg);
  --link:var(--amber-bright);
  --live-pulse:var(--amber-bright);

  --glass:rgba(255,255,255,.045);
  --glass-bd:rgba(255,255,255,.10);
}

/* Base wiring so district swap actually repaints */
body{background:var(--bg);color:var(--fg)}
a{color:var(--link)}
::selection{background:var(--accent);color:var(--bg)}

@media (prefers-reduced-motion:reduce){
  :root{--dur-fast:0ms;--dur:0ms}
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}