/*
  Depth design tokens (Void family).
  Dark is the family's native theme: near-black field, luminous stars, screen blending.
  Light is the Build Prompt's own counterpart: warm paper field, dark stars, multiply blending.
  A no-flash inline script in index.html sets [data-theme] before first paint, so these rules
  never cause a flash of the wrong theme.
*/

:root {
  --bg: #07070a;
  --surface: #121218;
  --ink: #f7f7fa;
  --muted: #8f8f98;
  --accent: #1d4ed8;
  --accent-ink: #ffffff;
  --star-cold: 210, 230, 255;
  --star-warm: 255, 205, 140;
  --star-blend: screen;
  --radius: 14px;
  --radius-sm: 8px;
  --font-display: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}

/* :root above is already the dark palette (the Void family's native theme), so the only
   media swap needed is toward light when the system prefers it and no manual choice was saved */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f4efe4;
    --surface: #fffdf7;
    --ink: #201d18;
    --muted: #8a8074;
    --accent: #1d4ed8;
    --accent-ink: #ffffff;
    --star-blend: multiply;
  }
}

/* explicit manual overrides always win over the system preference */
:root[data-theme="dark"] {
  --bg: #07070a;
  --surface: #121218;
  --ink: #f7f7fa;
  --muted: #8f8f98;
  --accent: #1d4ed8;
  --accent-ink: #ffffff;
  --star-blend: screen;
}

:root[data-theme="light"] {
  --bg: #f4efe4;
  --surface: #fffdf7;
  --ink: #201d18;
  --muted: #8a8074;
  --accent: #1d4ed8;
  --accent-ink: #ffffff;
  --star-blend: multiply;
}