/* Shared design tokens. Both themes are defined here, never in page styles. */
    :root {
      --font-body:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;
      --font-head:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;
      /* Surfaces: page → card → raised → hover → active → field → recessed */
      --bg:#0e0e10; --panel:#161618; --panel2:#202023; --rail:#0e0e10;
      --hover:#1d1d20; --active:#26262b; --field:#18181b; --inset:#0a0a0c;
      /* Borders + text (3 levels each) */
      --border:#26262b; --border2:#34343a; --text:#ededed; --muted:#9a9aa2; --dim:#8a8a93;
      /* One accent (green) + semantic colors */
      --green:#3ecf8e; --green-dim:#1a3b2c; --red:#f87171; --red-dim:#3a1a1a;
      --amber:#e0a72e; --amber-dim:#3a2a0a; --blue:#5bc0eb; --purple:#c084fc;
      /* Type scale */ --fs-2xs:11px; --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-lg:16px; --fs-xl:20px; --fs-2xl:24px; --fs-3xl:28px;
      /* Radius */ --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
      /* Spacing */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
      /* Card inset — every panel/card pads with this */ --card-pad:20px 22px; --card-gap:24px;
      /* Interactive accent for CTAs + nav (white in dark, near-black in light) */ --accent:#ededed; --accent-ink:#0e0e10;
      --shadow:0 8px 24px rgba(0,0,0,.4);
      color-scheme: dark;
    }
    body.light {
      color-scheme: light;
      --bg:#f6f7f9; --rail:#ffffff; --panel:#ffffff; --panel2:#eef0f3;
      --hover:#f0f2f5; --active:#eef0f3; --field:#ffffff; --inset:#f6f7f9;
      --border:#e5e7eb; --border2:#d4d7dc; --text:#16181d; --muted:#5f6b7a; --dim:#697582;
      --green:#18764a; --red:#c43b3b; --amber:#936515; --blue:#1677a3; --purple:#8052b7; --green-dim:#d7f3e6; --red-dim:#fdeaea; --amber-dim:#fef3c7; --accent:#16181d; --accent-ink:#ffffff;
    }
:root { --control-height:32px; --field-height:36px; --control-radius:var(--r-pill); --control-gap:var(--sp-2); --table-radius:var(--r-lg); --table-cell-x:14px; --table-cell-y:12px; --focus-ring:var(--green); --motion-fast:140ms; }
