:root[data-theme="light"] {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F7F8FA;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F1F5F9;
    --bg-sidebar: #1B2A4A;
    --bg-header: #FFFFFF;
    --text-primary: #1A1A2E;
    --text-secondary: #6B7280;
    --text-sidebar: #CBD5E1;
    --text-sidebar-active: #FFFFFF;
    --accent: #2563EB;
    --accent-hover: #1D4ED8;
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #3B82F6;
    --border: #E5E7EB;
    --shadow: 0 1px 3px rgba(0,0,0,0.1);
    --chart-text: #374151;
    --chart-grid: #E5E7EB;

    /* ── Aliaslar (2026-07-25) ─────────────────────────────────────────────
       Sahifa stillarida bu uchta nom keng ishlatilgan, lekin ular hech qayerda
       ANIQLANMAGAN edi — natijada `var(--bg-main, #0F172A)` kabi yozuvlar
       hamisha DARK fallback'ga tushib qolardi va light temada qora fon/ramka
       bo'lib ko'rinardi (Mijozlar sahifasidagi RFM panellari, churn
       slayserlari va h.k.). Endi ikkala temada ham to'g'ri qiymat beriladi.

       --bg-main — karta ICHIDAGI botiq yuza (panel/slayser foni). Light'da
       oq emas, biroz kulrang: aks holda oq karta ustida ko'rinmay qolardi. */
    --bg-main: #F7F8FA;
    --card-bg: #FFFFFF;
    --bg-hover: #F1F5F9;
}