:root{
/* ---- base: ink (deep space blue ramp, dark-mode first) ---- */
--ink-1000:#05070A;--ink-950:#080B0F;--ink-900:#0F1419;--ink-800:#151B22;--ink-700:#1C242C;--ink-600:#243039;--ink-500:#2C3E50;--ink-400:#3C5060;--ink-300:#546878;
/* ---- base: paper (text + light surfaces) ---- */
--paper-000:#FFFFFF;--paper-100:#F4F7FA;--paper-200:#E8EDF2;--paper-300:#C3CED8;--paper-400:#A7B4C0;--paper-500:#7D8B98;--paper-600:#5B6874;
/* ---- base: accent ---- */
--cyan-400:#5FE6FF;--cyan-500:#00D4FF;--cyan-600:#00A8CC;--cyan-700:#0B7C99;
--cobalt-400:#3D82F0;--cobalt-500:#1E6BE6;--cobalt-600:#0047AB;--cobalt-700:#00327A;
/* ---- base: semantic hues ---- */
--mint-500:#3DDC97;--mint-600:#1FA873;--amber-500:#F5B544;--amber-600:#C98A1E;--rose-500:#FF5C5C;--rose-600:#D13B3B;

/* ---- semantic: surfaces ---- */
--surface-app:var(--ink-900);--surface-sunken:var(--ink-950);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);--surface-overlay:rgba(8,11,15,.78);--surface-scrim:rgba(5,7,10,.72);
--surface-hover:rgba(255,255,255,.045);--surface-press:rgba(255,255,255,.08);--surface-selected:rgba(0,212,255,.10);
/* ---- semantic: text ---- */
--text-primary:var(--paper-200);--text-secondary:var(--paper-400);--text-muted:var(--paper-500);--text-disabled:var(--ink-300);--text-accent:var(--cyan-500);--text-on-accent:var(--ink-1000);--text-inverse:var(--ink-900);
/* ---- semantic: lines ---- */
--border-subtle:rgba(255,255,255,.06);--border-default:rgba(255,255,255,.10);--border-strong:rgba(255,255,255,.18);--border-accent:var(--cyan-600);--border-focus:var(--cyan-500);
/* ---- semantic: interactive ---- */
--accent:var(--cyan-500);--accent-hover:var(--cyan-400);--accent-press:var(--cyan-600);--accent-soft:rgba(0,212,255,.12);--accent-deep:var(--cobalt-600);
--success:var(--mint-500);--success-soft:rgba(61,220,151,.12);--warning:var(--amber-500);--warning-soft:rgba(245,181,68,.12);--danger:var(--rose-500);--danger-soft:rgba(255,92,92,.12);
/* ---- semantic: player ---- */
--track-rail:rgba(255,255,255,.10);--track-played:var(--cyan-500);--track-buffered:rgba(255,255,255,.22);--meter-low:var(--cyan-600);--meter-high:var(--cyan-400);--waveform:var(--ink-400);
/* ---- semantic: data / source badges ---- */
--source-local:var(--mint-500);--source-drive:var(--cobalt-400);--source-cache:var(--paper-500);
}
[data-theme="light"]{
--surface-app:var(--paper-100);--surface-sunken:var(--paper-200);--surface-card:var(--paper-000);--surface-raised:var(--paper-000);--surface-overlay:rgba(244,247,250,.82);--surface-scrim:rgba(15,20,25,.45);
--surface-hover:rgba(15,20,25,.04);--surface-press:rgba(15,20,25,.07);--surface-selected:rgba(0,71,171,.08);
--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--paper-600);--text-disabled:var(--paper-400);--text-accent:var(--cobalt-600);--text-on-accent:var(--paper-000);--text-inverse:var(--paper-100);
--border-subtle:rgba(15,20,25,.07);--border-default:rgba(15,20,25,.12);--border-strong:rgba(15,20,25,.20);--border-accent:var(--cobalt-600);--border-focus:var(--cobalt-600);
--accent:var(--cobalt-600);--accent-hover:var(--cobalt-500);--accent-press:var(--cobalt-700);--accent-soft:rgba(0,71,171,.10);
--track-rail:rgba(15,20,25,.12);--track-played:var(--cobalt-600);--track-buffered:rgba(15,20,25,.22);--waveform:var(--paper-300);
}