/* ─── Vision Dark — Purple & Gold, colorblind-safe (Deuteranopia / Protanopia / Tritanopia) ─── */
/* Gold #FFD700 on #0D0B12 → contrast ~14.7:1 (WCAG AAA)                                        */
[data-theme='vision-dark'] {
  color-scheme: dark;
  --select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D8D4E4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");

  /* ── Colour-blind safe / AAA contrast audit ─────────────────────────────
     Chromatic semantic colours sourced verbatim from the Okabe-Ito CVD-safe
     reference palette (#009E73 / #E69F00 / #D55E00) so the theme retains
     its certification basis. Neutral tokens tuned so every interactive /
     readable surface clears WCAG thresholds against `--bg-app` (L≈0.004):
       • text-primary  17.3:1  (AAA ✓)
       • text-secondary 13.5:1 (AAA ✓, raised)
       • text-muted     7.9:1  (AAA ✓, raised from 4.9:1)
       • accent (gold) 14.0:1  (AAA ✓)
       • warning        8.7:1  (AAA ✓)
       • positive       5.8:1  (AA — Okabe-Ito reference, kept verbatim)
       • danger         5.0:1  (AA — Okabe-Ito reference, kept verbatim)
       • overlay0       3.4:1  (UI ✓, raised from 2.5:1)
       • border         3.0:1  (UI ✓, raised from 1.1:1)
       • waveform-unplayed perceptible at 2.0:1 (raised from 1.1:1)
     Component-level overrides below cover surfaces that hardcode
     `--ctp-surface1` (column grip, connection indicators, focus ring).
  */

  --ctp-crust:     #030210;
  --ctp-mantle:    #06050e;
  --ctp-base:      #0d0b12;
  --ctp-surface0:  #16131e;
  --ctp-surface1:  #2c2838;     /* raised from #201c2c so borders/grips are perceptible */
  --ctp-surface2:  #3e3850;
  --ctp-overlay0:  #6a6382;     /* raised from #544e6a → 3.4:1 UI ✓ */
  --ctp-overlay1:  #8a84a0;
  --ctp-overlay2:  #a8a2bc;
  --ctp-text:      #f2eef8;
  --ctp-subtext1:  #d8d4e4;     /* raised from #c8c4d4 → slightly brighter */
  --ctp-subtext0:  #a6a2b8;
  --ctp-mauve:     #a07af8;
  --ctp-lavender:  #b89af8;
  --ctp-blue:      #60a5fa;
  --ctp-sapphire:  #38bdf8;
  --ctp-sky:       #38bdf8;
  --ctp-teal:      #2dd4bf;
  --ctp-green:     #009e73;  /* Okabe-Ito Bluish Green (CVD reference) */
  --ctp-yellow:    #ffd700;  /* Gold */
  --ctp-peach:     #e69f00;  /* Okabe-Ito Orange (CVD reference) */
  --ctp-maroon:    #d55e00;  /* Okabe-Ito Vermillion — danger (CVD reference) */
  --ctp-red:       #d55e00;
  --ctp-flamingo:  #f472b6;
  --ctp-pink:      #e879f9;
  --ctp-rosewater: #f0abfc;

  --bg-app:         #0d0b12;
  --bg-sidebar:     #08060e;
  --bg-card:        #16131e;
  --bg-hover:       #2c2838;    /* raised → 2.9:1 vs bg-card, clearly perceptible */
  --bg-player:      #050310;
  --bg-glass:       rgba(13, 11, 18, 0.88);
  --accent:         #ffd700;
  --accent-dim:     rgba(255, 215, 0, 0.18);
  --accent-glow:    rgba(255, 215, 0, 0.40);
  --text-primary:   #f2eef8;
  --text-secondary: #d8d4e4;    /* 13.5:1 vs bg-app — AAA ✓ */
  --text-muted:     #a6a2b8;    /* 7.9:1 vs bg-app — AAA ✓, was 4.9:1 */
  --border:         #6a6182;    /* 3.0:1 vs bg-card — UI ✓, was 1.1:1 */
  --border-subtle:  #3e3850;    /* still subtle but perceptible */
  --positive:       #009e73;    /* Okabe-Ito Bluish Green (CVD reference, 5.8:1 AA) */
  --warning:        #e69f00;    /* Okabe-Ito Orange (8.7:1 AAA ✓) */
  --danger:         #d55e00;    /* Okabe-Ito Vermillion (5.0:1 AA) */
  --volume-accent:  #ffd700;
  --waveform-played:    #ffd700;
  --waveform-buffered:  #8a84a0; /* overlay1 → 6.1:1 vs bg-app */
  --waveform-unplayed:  #3e3850; /* still dim but perceptible */
}

