/* ==========================================================================
   Dark Mode — System preference + manual override
   ========================================================================== */

/* System preference (only if user hasn't explicitly chosen light) */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-primary:       #e2e8f0;
        --color-accent:        #60a5fa;
        --color-accent-hover:  #93bbfd;
        --color-accent-light:  rgba(96, 165, 250, 0.15);
        --color-bg:            #0f172a;
        --color-bg-alt:        #1e293b;
        --color-text:          #cbd5e1;
        --color-text-light:    #94a3b8;
        --color-text-heading:  #f1f5f9;
        --color-success:       #34d399;
        --color-success-light: rgba(52, 211, 153, 0.15);
        --color-border:        #334155;
        --color-card-bg:       #1e293b;
        --color-card-shadow:   rgba(0, 0, 0, 0.3);
        --color-overlay:       rgba(0, 0, 0, 0.6);
    }
}

/* Manual dark mode override */
[data-theme="dark"] {
    --color-primary:       #e2e8f0;
    --color-accent:        #60a5fa;
    --color-accent-hover:  #93bbfd;
    --color-accent-light:  rgba(96, 165, 250, 0.15);
    --color-bg:            #0f172a;
    --color-bg-alt:        #1e293b;
    --color-text:          #cbd5e1;
    --color-text-light:    #94a3b8;
    --color-text-heading:  #f1f5f9;
    --color-success:       #34d399;
    --color-success-light: rgba(52, 211, 153, 0.15);
    --color-border:        #334155;
    --color-card-bg:       #1e293b;
    --color-card-shadow:   rgba(0, 0, 0, 0.3);
    --color-overlay:       rgba(0, 0, 0, 0.6);
}

/* Launch Special — dark mode adjustments */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .stock-bar {
        background: rgba(255, 255, 255, 0.1);
    }
}

[data-theme="dark"] .stock-bar {
    background: rgba(255, 255, 255, 0.1);
}