:root {
    /* Global Brand Colors (Constant) */
    --color-primary: #002FFF;       /* Logo Vivid Blue */
    --color-primary-hover: #0021b3; /* Darker Vivid Blue */
    --color-secondary: #00d2ff;     /* Cyan Accent */
    
    /* Base Theme Variables - Light Mode Default */
    --theme-bg: #f8fafc;
    --theme-surface: #ffffff;
    --theme-surface-hover: #f1f5f9;
    --theme-text: #0f172a;
    --theme-text-muted: #64748b;
    --theme-border: #e2e8f0;
    --theme-nav-bg: rgba(255, 255, 255, 0.8);
    --theme-glass-bg: rgba(255, 255, 255, 0.6);
    --theme-glass-border: rgba(255, 255, 255, 0.8);
}

/* Dark Mode Overrides (Triggered by .dark class on html/body) */
.dark {
    /* Base Theme Variables - Dark Mode Override */
    --theme-bg: #080808;            /* v3 Pure Dark Baseline */
    --theme-surface: #111111;       /* Slightly elevated dark for cards/buttons */
    --theme-surface-hover: rgba(255, 255, 255, 0.1);
    --theme-text: #ffffff;
    --theme-text-muted: #9ca3af;    /* Gray 400 equivalent */
    --theme-border: rgba(255, 255, 255, 0.1); /* Subtle white borders */
    --theme-nav-bg: rgba(15, 13, 19, 0.8);    /* v3 Glass Nav */
    --theme-glass-bg: rgba(255, 255, 255, 0.05);
    --theme-glass-border: rgba(255, 255, 255, 0.1);
}