/*
 * Theme variables — Light / Dark / Auto
 * Utilise data-bs-theme de Bootstrap 5.3 pour le switch natif.
 * Variables custom pour le dashboard (sidebar, topbar, cards, etc.)
 */

/* ===== LIGHT THEME ===== */
[data-bs-theme="light"] {
    --pro-sidebar-bg: #192c43;
    --pro-sidebar-text: rgba(255, 255, 255, 0.75);
    --pro-sidebar-text-active: #ffffff;
    --pro-sidebar-hover-bg: rgba(255, 255, 255, 0.08);
    --pro-sidebar-active-bg: rgba(255, 255, 255, 0.12);
    --pro-sidebar-separator: rgba(255, 255, 255, 0.15);
    --pro-sidebar-brand: #ffffff;
    --pro-sidebar-width: 260px;

    --pro-topbar-bg: #ffffff;
    --pro-topbar-border: #e9ecef;

    --pro-bg-subtle: #f0f2f5;
    --pro-card-bg: #ffffff;
    --pro-card-border: #e9ecef;
    --pro-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    --pro-primary: #3b82f6;
    --pro-primary-subtle: #dbeafe;
    --pro-success: #22c55e;
    --pro-success-subtle: #dcfce7;
    --pro-warning: #f59e0b;
    --pro-warning-subtle: #fef3c7;
    --pro-danger: #ef4444;
    --pro-danger-subtle: #fee2e2;
}

/* ===== DARK THEME ===== */
[data-bs-theme="dark"] {
    --pro-sidebar-bg: #0f1923;
    --pro-sidebar-text: rgba(255, 255, 255, 0.6);
    --pro-sidebar-text-active: #ffffff;
    --pro-sidebar-hover-bg: rgba(255, 255, 255, 0.06);
    --pro-sidebar-active-bg: rgba(255, 255, 255, 0.1);
    --pro-sidebar-separator: rgba(255, 255, 255, 0.1);
    --pro-sidebar-brand: #ffffff;
    --pro-sidebar-width: 260px;

    --pro-topbar-bg: #1a1d21;
    --pro-topbar-border: #2d3238;

    --pro-bg-subtle: #111418;
    --pro-card-bg: #1a1d21;
    --pro-card-border: #2d3238;
    --pro-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

    --pro-primary: #60a5fa;
    --pro-primary-subtle: #1e3a5f;
    --pro-success: #4ade80;
    --pro-success-subtle: #14532d;
    --pro-warning: #fbbf24;
    --pro-warning-subtle: #78350f;
    --pro-danger: #f87171;
    --pro-danger-subtle: #7f1d1d;
}