/* =========================================================================
   Dark Mode Styles
   ========================================================================= */

[data-theme="dark"] {
    --bg-primary: #050505;
    /* Deep Neutral 950 - darker than standard */
    --bg-secondary: #121212;
    /* Material Dark Surface */
    --bg-tertiary: #1f1f1f;
    /* Slightly lighter surface */
    --text-primary: #fafafa;
    /* Neutral 50 */
    --text-secondary: #d4d4d4;
    /* Neutral 300 */
    --text-tertiary: #a3a3a3;
    /* Neutral 400 */
    --border-color: #262626;
    /* Neutral 800 */
    --card-bg: #121212;
    /* Match secondary */
    --hover-bg: #262626;
    /* Neutral 800 */
    --shadow-color: rgba(0, 0, 0, 0.7);
    --shadow-sm: 0 1px 2px 0 var(--shadow-color);
    --shadow-md: 0 4px 6px -1px var(--shadow-color);
    --shadow-lg: 0 10px 15px -3px var(--shadow-color);
    --shadow-xl: 0 20px 25px -5px var(--shadow-color);

    /* Glass Effect Overrides for Dark Mode */
    --card-glass: rgba(18, 18, 18, 0.8);
    --mobile-menu-bg: #050505;
}

[data-theme="dark"] .card-glass {
    background: rgba(23, 23, 23, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .badge-primary {
    background: var(--primary-900);
    color: var(--primary-300);
}

[data-theme="dark"] .badge-success {
    background: #064e3b;
    color: #6ee7b7;
}

[data-theme="dark"] .badge-warning {
    background: #78350f;
    color: #fcd34d;
}

[data-theme="dark"] .badge-error {
    background: #7f1d1d;
    color: #fca5a5;
}

[data-theme="dark"] .skeleton {
    background: linear-gradient(90deg,
            var(--gray-800) 0%,
            var(--gray-700) 50%,
            var(--gray-800) 100%);
    background-size: 200% 100%;
}

[data-theme="dark"] [data-mobile-menu]>div:last-child {
    background-color: #0a0a0a !important;
    /* Neutral 950 */
    color: #ffffff !important;
}