/* ─── Dark Mode Overrides ────────────────────────────────────────────────── */

[data-theme="dark"] {
    --color-bg:      #0F172A;
    --color-surface: #1E293B;
    --color-border:  #334155;
    --color-border-focus: #A8C5A0;
    --color-text:    #F1F5F9;
    --color-muted:   #94A3B8;

    --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.4);
    --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg:   0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-xl:   0 12px 32px rgba(0, 0, 0, 0.6);

    --topbar-glass-bg: rgba(15, 23, 42, 0.85);
    --gradient-surface: linear-gradient(180deg, #1E293B 0%, #0F172A 100%);

    /* Status tokens */
    --status-booked-bg:    #1E3A5F;
    --status-confirmed-bg: #1A3A2A;
    --status-completed-bg: #1E293B;
    --status-cancelled-bg: #3A1A1A;

    /* KPI tokens */
    --kpi-green-bg: rgba(34,  197, 94,  0.15);
    --kpi-amber-bg: rgba(245, 158, 11,  0.15);
    --kpi-red-bg:   rgba(239, 68,  68,  0.15);

    /* Tab balance tokens */
    --tab-balance-green-bg: #1A3A2A;
    --tab-balance-amber-bg: #3A2A0A;
    --tab-balance-red-bg:   #3A1A1A;
}

/* Skeleton dark mode */
[data-theme="dark"] .skeleton {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.05) 25%,
        rgba(255, 255, 255, 0.08) 50%,
        rgba(255, 255, 255, 0.05) 75%
    );
    background-size: 200% 100%;
}

/* Image dimming in dark mode */
[data-theme="dark"] img:not([src*=".svg"]) {
    filter: brightness(0.85);
}