/* ============================================================
   spectroscope — design tokens (Single Source)
   Consumers: styles.css (landing page), the future spectro-web
   UI, the style guide. Rules: monochrome surroundings (near-black
   to warm grey), COLOR ONLY ON THE SPECTRAL LINES; lines stay
   discrete. Particle SCENES may glow (owner override 2026-07-19);
   marks stay crisp.
   Palette: color study D1 "violet trace" (dark) + L1 "paper
   violet" (light) — design/color-study.html, recommended pair,
   owner confirmation pending (kanban card 07). Python twin:
   tools/build_logo.py.
   ============================================================ */
:root {
  /* ground — vintage espresso (owner 2026-07-19: "mehr braun als
     blau, vintage"; anchors: deep vintage browns #311F13/#3A2317,
     Mondo #493D30 — see color-hex vintage palettes) */
  --bg: #17120D;
  --bg-raise: #201913;
  --line: #33291F;

  /* monochrome ink — warm cream */
  --ink: #EDE7DC;
  --muted: #A2988A;
  --faint: #5C5142;

  /* spectral lines — the ONLY carriers of color */
  --accent: #CE9440;          /* UI highlight dark: the logo's amber
                                 line (owner trial 2026-07-19; teal
                                 #2DD4A7 is the one-line rollback,
                                 light keeps the logo blue) */
  --sp-red: #C05A4C;
  --sp-amber: #CE9440;
  --sp-teal: #2DD4A7;
  --sp-ocean: #2CB1C4;        /* replaces the old cyan #4AA8D8     */
  --sp-violet: #8B7CF0;       /* "the line you follow" (old #3B82F6) */

  /* legacy aliases — keep old names resolving to the new palette */
  --sp-cyan: var(--sp-ocean);
  --sp-ink-blue: var(--sp-violet);

  /* shape + type */
  --radius: 10px;
  --sans: "Inter", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* derived surfaces (keep raw colors out of component css) */
  --scrim: rgba(23, 18, 13, 0.72);
  --nav-veil: color-mix(in srgb, var(--bg) 82%, transparent);
  --canvas-dim: 1;            /* particle canvases multiply against this */
  --accent-contrast: #2A1B08; /* deep brown text on the amber accent */
}

/* ---------------------------------------------------------------
   light theme — L1 "paper violet" (retro prism on paper)
   --------------------------------------------------------------- */
:root[data-design="light"] {
  --bg: #F6F4EE;
  --bg-raise: #EFECE3;
  --line: #DDD8CB;

  --ink: #17161A;
  --muted: #6A665D;
  --faint: #A39E92;

  --accent: #0B7A5B;          /* the logo teal, deepened for paper (owner 2026-07-20; blue #2E7EA6 retired) */
  --sp-red: #C24B3E;
  --sp-amber: #A9762A;
  --sp-teal: #0F9D77;
  --sp-ocean: #0B8799;
  --sp-violet: #6C5CE7;

  --scrim: rgba(246, 244, 238, 0.78);
  --nav-veil: color-mix(in srgb, var(--bg) 86%, transparent);
  --canvas-dim: 0.8;          /* dark particles carry their own weight */
  --accent-contrast: #F6F4EE; /* paper text on the deep green          */
}