:root[data-theme="dark"] {
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --bg-card: #1E293B;
    --bg-card-hover: #334155;
    --bg-sidebar: #0B1120;
    --bg-header: #1E293B;
    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-sidebar: #94A3B8;
    --text-sidebar-active: #FFFFFF;
    --accent: #3B82F6;
    --accent-hover: #2563EB;
    --success: #34D399;
    --warning: #FBBF24;
    --danger: #F87171;
    --info: #60A5FA;
    --border: #334155;
    --shadow: 0 1px 3px rgba(0,0,0,0.3);
    --chart-text: #CBD5E1;
    --chart-grid: #334155;

    /* Aliaslar — light.css'dagi izohga qarang. Dark uchun qiymatlar
       kod bo'ylab ishlatilgan fallback'lar bilan AYNAN bir xil, ya'ni
       dark ko'rinish o'zgarmaydi. */
    --bg-main: #0F172A;
    --card-bg: #1E293B;
    --bg-hover: #334155;
}