/* ============================================================
   css/theme/theme.css — Global Design Tokens + Extras Wrapper
   Theme UI has been removed. Parent application controls theme
   via ThemeAPI.set() or window.setTheme().
   ============================================================ */

/* ── 1. CSS Custom Properties (Dark — default) ───────────────── */
:root {
    /* Base theme tokens (defaults to dark) */
    --ui-bg:           #0f172a;
    --ui-fg:           #e5e7eb;
    --ui-muted:        #9ca3af;
    --ui-panel:        #1e222d;
    --ui-panel-border: #363a45;
    --ui-button:       #1e293b;
    --ui-button-hover: #334155;
    --ui-border:       rgba(255,255,255,.08);
    --ui-hover:        rgba(128,128,140,.14);
    --ui-primary:      #2962ff;
    --navbar-bg:       #1E293B;
    --toolbar-bg:      #1E293B;

    /* Chart canvas tokens */
    --chart-bg:          #131722;
    --chart-grid-strong: #2a2e39;
    --chart-grid:        #1e2230;
    --chart-text:        #d1d4dc;
    --chart-axis-bg:     #2196F3;
    --chart-axis-fg:     #d1d4dc;
    --chart-crosshair:   #2196F3;
}