/* 8noid design tokens — single source of truth. Two themes.
   Components in site.css consume ONLY these variables. */
:root{
  --radius:14px; --radius-sm:9px; --shadow:0 12px 32px rgba(0,0,0,.35);
  --font-head:'Space Grotesk',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --maxw:1200px; --header-h:64px;
}
/* THEME A — Neon Nights (dark) */
html[data-theme="neon"]{
  --bg:#070a14; --bg-soft:#0b1020; --panel:#0e152a; --panel-2:#141d3a;
  --line:#263262; --text:#e8ecf5; --text-dim:#9aa6c8;
  --accent:#38e1ff; --accent-2:#7b5cff; --accent-3:#ff2d78;
  --ok:#38ffa0; --danger:#ff5470; --warn:#ffc24d;
  --glow:0 0 24px color-mix(in srgb, var(--accent) 38%, transparent);
  color-scheme:dark;
}
/* THEME B — Playground (bright) */
html[data-theme="sunny"]{
  --bg:#f5f7ff; --bg-soft:#eef1fb; --panel:#ffffff; --panel-2:#f2f5ff;
  --line:#dbe2f5; --text:#1b2240; --text-dim:#69708e;
  --accent:#5b4dff; --accent-2:#ff7a3d; --accent-3:#98e01f;
  --ok:#21bf62; --danger:#ef4056; --warn:#f5a623;
  --glow:0 8px 24px color-mix(in srgb, var(--accent) 22%, transparent);
  color-scheme:light;
}