:root{
/* Night Archive (default dark). Light theme overrides under [data-theme="light"]. */
--bg-0:#0E1013;--bg-1:#121519;--surface-1:#15181D;--surface-2:#1C2026;--surface-3:#232833;
--border-1:#2B313A;--border-2:#3A4250;--border-3:#4C5666;
--text-1:#F4F1E8;--text-2:#A6ADB8;--text-3:#7A828E;--text-disabled:#565E6A;
/* Brand — coral. Actions + PlayRoute identity. Text on it is ALWAYS near-black (white fails contrast). */
--accent:#FF7A59;--accent-hover:#FF9377;--accent-press:#E5643F;--on-accent:#111317;
--accent-tint:rgba(255,122,89,0.12);--accent-border:rgba(255,122,89,0.5);
/* Route/quality ramp — mint = recommended/compatible. Never used for confidence. */
--q-excellent:#63D9C4;--q-good:#A3D977;--q-mixed:#F3C45A;--q-poor:#FF6B75;--q-unknown:#8B93A1;
--q-excellent-tint:rgba(99,217,196,0.12);--q-good-tint:rgba(163,217,119,0.12);--q-mixed-tint:rgba(243,196,90,0.12);--q-poor-tint:rgba(255,107,117,0.12);--q-unknown-tint:rgba(139,147,161,0.14);
/* Agent/query layer — violet. Reserved for Ask database / semantic features only. */
--agent:#A78BFA;--agent-tint:rgba(167,139,250,0.12);--agent-border:rgba(167,139,250,0.5);
/* Semantic */
--success:var(--q-excellent);--warning:#F3C45A;--danger:#FF6B75;--info:#6FC7FF;
--success-tint:var(--q-excellent-tint);--warning-tint:var(--q-mixed-tint);--danger-tint:var(--q-poor-tint);--info-tint:rgba(111,199,255,0.12);
/* Verdict aliases */
--verdict-recommended:var(--q-excellent);--verdict-alternative:var(--info);--verdict-compromise:var(--q-mixed);--verdict-not-recommended:var(--q-poor);
/* Confidence — neutral channel (signal bars), NEVER the quality ramp */
--confidence-fill:#A6ADB8;--confidence-empty:rgba(166,173,184,0.22);
/* Semantic surface aliases */
--surface-card:var(--surface-1);--surface-raised:var(--surface-2);--surface-hover:var(--surface-2);--surface-overlay:rgba(14,16,19,0.82);
--text-heading:var(--text-1);--text-body:var(--text-2);--text-meta:var(--text-3);
}
[data-theme="light"]{
/* Light Archive — warm paper, not SaaS white-grey */
--bg-0:#F5F1E8;--bg-1:#F0EBE0;--surface-1:#FFFFFF;--surface-2:#EEE9DF;--surface-3:#E4DDD0;
--border-1:#D9D2C7;--border-2:#C4BCAE;--border-3:#A89F8F;
--text-1:#17191D;--text-2:#626A75;--text-3:#7E8590;--text-disabled:#A2A8B1;
--accent:#B93B24;--accent-hover:#D14A31;--accent-press:#9C2F1B;--on-accent:#FFF7F2;
--accent-tint:rgba(185,59,36,0.09);--accent-border:rgba(185,59,36,0.4);
--q-excellent:#08735F;--q-good:#4E7C1F;--q-mixed:#946A00;--q-poor:#B3261E;--q-unknown:#6E7681;
--q-excellent-tint:rgba(8,115,95,0.1);--q-good-tint:rgba(78,124,31,0.1);--q-mixed-tint:rgba(148,106,0,0.1);--q-poor-tint:rgba(179,38,30,0.08);--q-unknown-tint:rgba(110,118,129,0.1);
--agent:#6748C7;--agent-tint:rgba(103,72,199,0.09);--agent-border:rgba(103,72,199,0.4);
--warning:#946A00;--danger:#B3261E;--info:#20618F;--info-tint:rgba(32,97,143,0.09);
--confidence-fill:#626A75;--confidence-empty:rgba(98,106,117,0.25);
--surface-overlay:rgba(23,25,29,0.5);
}