/* ============================================
   1. CSS VARIABLES & THEME SYSTEM
   ============================================ */

:root {
    --ivory:#FFFFFF;
    --white:#FFFFFF;
    --black:#000000;
    --charcoal:#4a4a4a;
    --beige:#FFFFFF;
    --dark-red:#666666;
    --dark-green:#666666;
    --nav-color:#0066cc;
    --always-white:#FFFFFF;
    --always-black:#000000;
    background:#FFFFFF;
    color:#000000;
}

:root nav {
    background:#FFFFFF !important;
    color:#000000 !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ivory:#1a1a1a;
        --white:#1a1a1a;
        --black:#e0e0e0;
        --charcoal:#c0c0c0;
        --beige:#3a3a3a;
        --always-white:#FFFFFF;
        --always-black:#000000;
        background:#1a1a1a;
        color:#e0e0e0;
    }
    :root nav {
        background:#1a1a1a !important;
        color:#e0e0e0 !important;
    }
}

[data-theme="dark"] {
    --ivory:#1a1a1a;
    --white:#1a1a1a;
    --black:#e0e0e0;
    --charcoal:#c0c0c0;
    --beige:#3a3a3a;
    background:#1a1a1a;
    color:#e0e0e0;
}

[data-theme="dark"] nav {
    background:#1a1a1a !important;
    color:#e0e0e0 !important;
}

[data-theme="dark"] .quiz-input,
[data-theme="dark"] .form-group input {
    background:#2a2a2a;
    color:#e0e0e0;
    border-color:transparent;
}

[data-theme="dark"] .quiz-input::placeholder {
    color:#888888;
}

#themeToggle {
    position:absolute;
    top:12px;
    left:165px;
    width:35px;
    height:35px;
    opacity:0;
    cursor:pointer;
    z-index:100001;
}

.theme-toggle-label .theme-toggle-icon.sun {
    display:none;
}

:root[data-theme="dark"] .theme-toggle-label .theme-toggle-icon:not(.sun) {
    display:none;
}

:root[data-theme="dark"] .theme-toggle-label .theme-toggle-icon.sun {
    display:inline;
}

/* ============================================
   TERM GAME VARIABLES (for terminal pages)
   ============================================ */

:root {
    /* Terminal backgrounds */
    --term-bg: #1a1a1a;
    --term-bg-light: #f5f5f5;
    --term-header-bg: #333333;
    --term-header-bg-light: #e0e0e0;
    --term-border: #444444;
    --term-border-light: #cccccc;
    --term-input-bg: #222222;
    --term-input-bg-light: #ffffff;
    
    /* Terminal text */
    --term-text: #cccccc;
    --term-text-dark: #1a1a1a;
    --term-text-muted: #888888;
    --term-text-light: #ffffff;
    
    /* Terminal dots */
    --term-dot-red: #666666;
    --term-dot-yellow: #888888;
    --term-dot-green: #aaaaaa;
}

[data-theme="light"] {
    --term-bg: #f5f5f5;
    --term-header-bg: #e0e0e0;
    --term-border: #cccccc;
    --term-input-bg: #ffffff;
    --term-text: #1a1a1a;
    --term-text-muted: #666666;
}