/* ============================================================================
   rglw — brand design tokens · BASE LAYER (defaults for every theme)
   ----------------------------------------------------------------------------
   This file carries the DEFAULT neutrals, semantic states, elevation shadow and
   light/dark discipline. It has no hues of its own (no --accent, no --ramp-*, no
   --grad-*, no --btn-*, no --glow). Pair it with exactly one theme overlay:

       <link rel="stylesheet" href="tokens.base.css">
       <link rel="stylesheet" href="themes/default.css">   <!-- or green / orange / … -->

   A theme overlay ALWAYS supplies the hues, and MAY also override the neutrals
   (--bg/-alt/-elev/-code, --border, --fg/-muted) and --shadow when a tone wants
   its own surfaces — e.g. `green` ships a matrix black, `orange` a warm paper.
   Tokens a theme doesn't override fall back to the values here. The cool neutrals
   below are tuned for the `default` (Cherenkov) tone, which inherits them as-is.

   USAGE: static sites can't @import across repos, so each project MIRRORS these
   two files into its own docs/ (base + chosen theme). When a token changes here,
   propagate it. Keep the hexes identical.
   ============================================================================ */
:root {
  color-scheme: light dark;

  /* neutrals — light */
  --bg: #ffffff;
  --bg-alt: #f6f7f9;
  --bg-elev: #ffffff;
  --bg-code: #f6f8fa;
  --border: #e3e6ea;
  --fg: #1c2024;
  --fg-muted: #5b6470;

  /* elevation — neutral drop shadow (hue-free, shared by all themes) */
  --shadow: 0 18px 50px -22px rgba(20, 30, 60, 0.35);

  /* semantic states — shared by all themes for cross-tool consistency */
  --ok: #22c55e;
  --warn: #f59e0b;
  --danger: #ef4444;
}

:root[data-theme="dark"] {
  --bg: #0f1216;
  --bg-alt: #161a1f;
  --bg-elev: #181d23;
  --bg-code: #161a1f;
  --border: #262c33;
  --fg: #e6e9ec;
  --fg-muted: #9aa4b0;
  --shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.7);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1216;
    --bg-alt: #161a1f;
    --bg-elev: #181d23;
    --bg-code: #161a1f;
    --border: #262c33;
    --fg: #e6e9ec;
    --fg-muted: #9aa4b0;
    --shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.7);
  }
}