/* Canonical v2 artwork colors, with restrained application surface variants. */
:root{
 --brand-navy:#0B1F44;
 --brand-blue:#2563EB;
 --brand-white:#FFFFFF;
 --brand-gray:#94A3B8;
 --brand-blue-strong:color-mix(in srgb,var(--brand-blue) 80%,var(--brand-navy));
 --brand-soft:color-mix(in srgb,var(--brand-blue) 8%,var(--brand-white));
 --brand-quiet:color-mix(in srgb,var(--brand-blue) 3%,var(--brand-white));
 --brand-edge:color-mix(in srgb,var(--brand-blue) 20%,var(--brand-white));
}

/* Shared semantic roles. Legacy light values remain exact at call sites while migrating. */
:root{color-scheme:light;--canvas:#f0f3f7;--focus:#2563eb;--backdrop:#0e142080;--success:#147447;--warning:#8a570a;--danger:#b42318;--timeline:#edf2ff;--video-controls:#101722;--on-accent:#fff}
:root[data-theme=dark]{background:var(--canvas);color-scheme:dark;--theme-canvas:#101722;--canvas:#101722;--theme-surface:#192332;--surface:#192332;--surface-muted:#202d40;--text:#e6edf7;--theme-muted:#a8b7cd;--muted:#a8b7cd;--theme-border:#62738e;--border:#62738e;--link:#93b9ff;--focus:#93b9ff;--backdrop:#030812b3;--success:#78d9a6;--warning:#f1c475;--danger:#ffada5;--timeline:#25324a;--brand-soft:#223654;--brand-quiet:#1d2b40;--brand-edge:#425d85;--brand-blue-strong:#93b9ff}
html{background:var(--canvas)}
:root[data-theme=dark] body{color:var(--text);background:var(--canvas)}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--text);background-color:var(--surface);border-color:var(--border)}
:root[data-theme=dark] :focus-visible{outline-color:var(--focus)}
.appearance-options{display:flex;gap:4px;flex-wrap:wrap}
.appearance-options button{flex:1;padding:7px 10px;border:1px solid var(--border,#d5ddea);border-radius:4px;background:var(--surface,#fff);color:var(--text,#17263f);font:inherit}
.appearance-options button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--focus);box-shadow:inset 0 -2px var(--focus)}
:root[data-theme=dark] ::placeholder{color:var(--muted);opacity:1}