/**
 * CristiBaltag Theme - CSS Variables & Theme Definitions
 * Handles dark/light mode + accent color overrides
 */

/* ========== BASE THEME (Dark Mode - Default) ========== */
:root {
    --accent: #00D4A0;
    --accent-rgb: 0,212,160;
    /* Override style.css emerald variables to use theme accent */
    --emerald-400: var(--accent);
    --emerald-500: var(--accent);
    --emerald-600: var(--accent);
    --border-subtle: rgba(var(--accent-rgb), 0.15);
    --shadow-emerald: 0 0 30px rgba(var(--accent-rgb), 0.1);
    --bg: #0a0a0a;
    --bg-secondary: #111111;
    --text: #ffffff;
    --text-muted: rgba(255,255,255,0.7);
    --text-subtle: rgba(255,255,255,0.5);
    --card-bg: rgba(255,255,255,0.03);
    --card-border: rgba(255,255,255,0.08);
    --card-hover-border: rgba(255,255,255,0.15);
    --navbar-bg: rgba(10,10,10,0.95);
    --navbar-scrolled-bg: rgba(5,5,5,0.98);
    --overlay-bg: rgba(0,0,0,0.6);
    --input-bg: rgba(255,255,255,0.05);
    --input-border: rgba(255,255,255,0.1);
    --shadow-color: rgba(0,0,0,0.3);
    --mode: dark;
}

/* ========== LIGHT MODE ========== */
[data-mode="light"] {
    --bg: #f8f9fa;
    --bg-secondary: #ffffff;
    --text: #111111;
    --text-muted: rgba(0,0,0,0.7);
    --text-subtle: rgba(0,0,0,0.5);
    --card-bg: rgba(0,0,0,0.02);
    --card-border: rgba(0,0,0,0.08);
    --card-hover-border: rgba(0,0,0,0.15);
    --navbar-bg: rgba(255,255,255,0.95);
    --navbar-scrolled-bg: rgba(255,255,255,0.98);
    --overlay-bg: rgba(0,0,0,0.4);
    --input-bg: rgba(0,0,0,0.04);
    --input-border: rgba(0,0,0,0.12);
    --shadow-color: rgba(0,0,0,0.1);
    --mode: light;
}

/* Light mode specific overrides */
[data-mode="light"] body {
    background: var(--bg);
    color: var(--text);
}

[data-mode="light"] .navbar {
    border-bottom-color: rgba(0,0,0,0.06);
}

[data-mode="light"] .nav-logo-text {
    color: rgba(0,0,0,0.85);
}

[data-mode="light"] .nav-links a {
    color: rgba(0,0,0,0.65);
}

[data-mode="light"] .nav-links a:hover {
    color: var(--text);
    background: rgba(0,0,0,0.04);
}

[data-mode="light"] .nav-links a.active {
    color: var(--accent);
    background: rgba(var(--accent-rgb),0.08);
}

[data-mode="light"] .nav-toggle span {
    background: #111;
}

[data-mode="light"] .nav-lang-btn {
    color: rgba(0,0,0,0.6);
    border-color: rgba(0,0,0,0.15);
}

[data-mode="light"] .nav-lang-btn:hover {
    color: var(--accent);
    border-color: var(--accent);
}

[data-mode="light"] .nav-lang-menu ul {
    background: #fff;
    border-color: rgba(0,0,0,0.1);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

[data-mode="light"] .nav-lang-menu a {
    color: rgba(0,0,0,0.7);
}

[data-mode="light"] .nav-lang-menu a:hover {
    color: var(--accent);
    background: rgba(var(--accent-rgb),0.06);
}

[data-mode="light"] .theme-dot {
    border-color: rgba(0,0,0,0.2);
}

[data-mode="light"] .theme-dots-slider {
    background: #fff;
    border-color: rgba(0,0,0,0.1);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

[data-mode="light"] .nav-theme-switcher {
    border-left-color: rgba(0,0,0,0.1);
}

[data-mode="light"] #cookieBanner {
    background: rgba(255,255,255,0.98);
    border-top-color: rgba(var(--accent-rgb),0.2);
}

[data-mode="light"] .cookie-text p {
    color: rgba(0,0,0,0.7);
}

[data-mode="light"] .cookie-btn.decline {
    color: rgba(0,0,0,0.6);
    border-color: rgba(0,0,0,0.15);
}

[data-mode="light"] .cookie-btn.decline:hover {
    color: #111;
    border-color: rgba(0,0,0,0.3);
}

/* Light mode mobile nav */
@media (max-width: 768px) {
    [data-mode="light"] .nav-links {
        background: #fff;
        border-left-color: rgba(0,0,0,0.08);
    }
    
    [data-mode="light"] .nav-links a:hover {
        background: rgba(var(--accent-rgb),0.06);
    }
    
    [data-mode="light"] .nav-lang-dropdown {
        border-top-color: rgba(0,0,0,0.08);
    }
    
    [data-mode="light"] .nav-theme-switcher {
        border-top-color: rgba(0,0,0,0.08);
        border-left: none;
    }
}