/* Edit this file to restyle every connected screen. No rebuild of JS needed. */
:root {
 --ui-canvas:#061b43;
 --ui-surface:#0e2d54;
 --ui-surface-raised:#173c68;
 --ui-surface-deep:#061a39;
 --ui-text:#f4f8ff;
 --ui-muted:#bfd4eb;
 --ui-edge:#59c8ff;
 --ui-accent:#0065ff;
 --ui-accent-start:#168bff;
 --ui-accent-end:#0049db;
 --ui-accent-soft:#d3e9ff;
 --ui-accent-ink:#ffffff;
 --ui-cyan:#55d5ff;
 --ui-success:#05dba0;
 --ui-danger:#ff756d;
 --ui-shadow-color:#03112e;
 --ui-radius-card:11px;
 --ui-radius-small:8px;
 --ui-space:10px;
 --ui-control-height:44px;
 --ui-bar-height:68px;
 --ui-nav:#061c48;
 --ui-panel-background:linear-gradient(115deg,var(--ui-surface-raised),var(--ui-surface-deep));
 --ui-panel-border:color-mix(in srgb,var(--ui-edge) 23%,transparent);
 --ui-panel-shadow:0 4px 12px color-mix(in srgb,var(--ui-shadow-color) 19%,transparent);
 --ui-primary-background:linear-gradient(140deg,var(--ui-accent-start),var(--ui-accent),var(--ui-accent-end));
 --ui-arena:linear-gradient(135deg,#082456 0%,#124aa2 48%,#09245e 100%);
 --tts-luminous-screen:var(--ui-arena);
 --tts-muted:var(--ui-muted);
}
/* Compatibility aliases for older screens that already use design variables. */
:root {
 --bg:var(--ui-canvas);
 --surface:var(--ui-surface);
 --surface-soft:var(--ui-surface-raised);
 --text:var(--ui-text);
 --muted:var(--ui-muted);
 --line:var(--ui-panel-border);
 --primary:var(--ui-accent);
 --primary-dark:var(--ui-accent-end);
 --primary-soft:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface-deep));
 --danger:var(--ui-danger);
 --danger-soft:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface-deep));
 --shadow:var(--ui-panel-shadow);
 --radius-lg:var(--ui-radius-card);
 --radius-md:var(--ui-radius-small);
}

:root{--ui-silver:linear-gradient(110deg,#eef6ff,#bfd3e9 55%,#e4f0fc);--ui-silver-ink:#081e43;--ui-heading-font:Impact,"Arial Narrow",system-ui,sans-serif;}