/* ==========================================================================
   DARK MODE OVERRIDES
   ========================================================================== */
body.dark-mode {
    --primary: #3B82F6;
    --primary-hover: #60A5FA;
    --secondary: #8B5CF6;
    --secondary-hover: #A78BFA;
    --bg-main: #0B0F19; /* Deeper space dark */
    --bg-card: rgba(17, 24, 39, 0.75);
    --bg-card-hover: rgba(31, 41, 55, 0.85);
    --text-main: #F1F5F9;
    --text-muted: #94A3B8;
    --border: #1F2937;
    --border-focus: #3B82F6;
    --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
}

/* Specific Dark Mode Enhancements */
body.dark-mode .header {
    background-color: rgba(11, 15, 25, 0.8);
    border-bottom: 1px solid var(--border);
}

body.dark-mode .search-input-wrapper {
    background-color: rgba(17, 24, 39, 0.9);
}

body.dark-mode .form-input {
    background-color: rgba(17, 24, 39, 0.9);
}

body.dark-mode .result-box {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
    border-color: rgba(59, 130, 246, 0.2);
}

body.dark-mode .result-mini-card {
    background-color: rgba(11, 15, 25, 0.5);
}

body.dark-mode .calc-table th {
    background-color: rgba(59, 130, 246, 0.1);
}

body.dark-mode .ai-footer {
    background: rgba(17, 24, 39, 0.8);
}

body.dark-mode .ai-msg-bot {
    background-color: rgba(31, 41, 55, 0.9);
    color: var(--text-main);
}

body.dark-mode .adsense-unit {
    background-color: rgba(255, 255, 255, 0.01);
}

body.dark-mode .range-slider {
    background: #1F2937;
}

body.dark-mode .card:hover {
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.1);
}