/* =============================================================================
   File    : assets/css/themes.css
   Version : 2.0.0
   Project : SimLab Dashboard
   ============================================================================= */

/* ── Default (Phoenix Light) on :root — always available as fallback ─────────── */
:root {
    --sidebar-width:     240px;
    --topnav-height:     56px;

    --bg-base:           #f5f7fa;
    --bg-surface:        #ffffff;
    --bg-elevated:       #eff2f6;
    --bg-sidebar:        #ffffff;
    --border-color:      #cbd0dd;
    --text-primary:      #31374a;
    --text-secondary:    #525b75;
    --text-muted:        #6e7891;
    --accent:            #3874ff;
    --accent-hover:      #003cc7;
    --accent-glow:       rgba(56,116,255,0.15);
    --nav-active-bg:     rgba(56,116,255,0.08);
    --nav-hover-bg:      rgba(56,116,255,0.04);
    --nav-active-border: #3874ff;
    --success:           #25b003;
    --warning:           #e5780b;
    --danger:            #fa3b1d;
    --info:              #0097eb;
    --card-shadow:       0px 2px 4px -2px rgba(36,40,46,0.08);
    --scrollbar-bg:      #eff2f6;
    --scrollbar-thumb:   #cbd0dd;
    --terminal-bg:       #141824;
    --terminal-text:     #25b003;
    --badge-admin:       #fa3b1d;
    --badge-operator:    #e5780b;
    --badge-viewer:      #3874ff;
}

/* ── Phoenix Dark override ───────────────────────────────────────────────────── */
[data-simlab-theme="phoenix-dark"] {
    --bg-base:           #0f111a;
    --bg-surface:        #141824;
    --bg-elevated:       #222834;
    --bg-sidebar:        #0f111a;
    --border-color:      #373e53;
    --text-primary:      #e3e6ef;
    --text-secondary:    #8a94ad;
    --text-muted:        #6e7891;
    --accent:            #85a9ff;
    --accent-hover:      #a8c2ff;
    --accent-glow:       rgba(133,169,255,0.15);
    --nav-active-bg:     rgba(133,169,255,0.10);
    --nav-hover-bg:      rgba(133,169,255,0.05);
    --nav-active-border: #85a9ff;
    --success:           #90d67f;
    --warning:           #ffcc85;
    --danger:            #f48270;
    --info:              #60c6ff;
    --card-shadow:       0px 2px 8px rgba(0,0,0,0.4);
    --scrollbar-bg:      #141824;
    --scrollbar-thumb:   #373e53;
    --terminal-bg:       #0f111a;
    --terminal-text:     #90d67f;
    --badge-admin:       #f48270;
    --badge-operator:    #ffcc85;
    --badge-viewer:      #85a9ff;
}