/**
 * MenuIN — Design Tokens & Core Theme Framework
 * Joylashuv: /assets/dist/css/tokens.css
 * 
 * Monochrome Minimalism — Qora, oq va neytral kulranglarga asoslangan
 * premium SaaS dizayn tizimi (Linear, Stripe, Vercel tamoyillari asosida).
 */

:root, [data-theme="light"] {
    --color-scheme: light;

    /* 1. Sirt va Fon Ranglari (Light) */
    --bg-body: #F7F7F8;
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-sub: #F1F1F3;
    --bg-card-hover: #EBECEF;
    --bg-header: #FFFFFF;
    --bg-sidebar: #FFFFFF;
    --bg-sidebar-hover: #F1F1F3;
    --bg-sidebar-active: #171717;
    --bg-input: #FFFFFF;
    --bg-input-focus: #FFFFFF;
    --bg-chip: #F1F1F3;
    --bg-modal: #FFFFFF;
    --bg-backdrop: rgba(23, 23, 23, 0.45);

    /* 2. Chegaralar va Chiziqlar (Light) */
    --border-color: #E5E5E5;
    --border-sub: #F1F1F3;
    --border-strong: #D4D4D4;
    --border-focus: #171717;
    --border-sidebar: #E5E5E5;

    /* 3. Tipografika va Matn Ranglari (Light) */
    --text-title: #171717;
    --text-main: #171717;
    --text-sub: #525252;
    --text-muted: #737373;
    --text-dim: #A3A3A3;
    --text-sidebar: #525252;
    --text-sidebar-hover: #171717;
    --text-sidebar-active: #FFFFFF;
    --text-on-primary: #FFFFFF;

    /* 4. Asosiy Brend Tugmalari (Monochrome) */
    --primary: #171717;
    --primary-contrast: #FFFFFF;
    --primary-hover: #303030;
    --primary-active: #000000;
    --primary-soft: #F1F1F3;
    --primary-border: #D4D4D4;
    --focus-ring: rgba(115, 115, 115, 0.28);

    /* 5. Semantik Ranglar (Faqat statuslar va ogohlantirishlar uchun) */
    --success: #10B981;
    --success-soft: rgba(16, 185, 129, 0.08);
    --success-border: rgba(16, 185, 129, 0.25);

    --warning: #F59E0B;
    --warning-soft: rgba(245, 158, 11, 0.08);
    --warning-border: rgba(245, 158, 11, 0.25);

    --danger: #EF4444;
    --danger-soft: rgba(239, 68, 68, 0.08);
    --danger-border: rgba(239, 68, 68, 0.25);

    --info: #0284C7;
    --info-soft: rgba(2, 132, 199, 0.08);
    --info-border: rgba(2, 132, 199, 0.25);

    /* 6. Nozik Soyalar (Shadows) */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.1);
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

    /* 7. Standart Radiuslar */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* 8. Spacing Tizimi (4px baza) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
}

[data-theme="dark"] {
    --color-scheme: dark;

    /* 1. Sirt va Fon Ranglari (Dark) */
    --bg-body: #0A0A0A;
    --bg-surface: #141414;
    --bg-card: #141414;
    --bg-card-sub: #1C1C1C;
    --bg-card-hover: #222222;
    --bg-header: #101010;
    --bg-sidebar: #101010;
    --bg-sidebar-hover: #1A1A1A;
    --bg-sidebar-active: #FAFAFA;
    --bg-input: #141414;
    --bg-input-focus: #141414;
    --bg-chip: #1C1C1C;
    --bg-modal: #141414;
    --bg-backdrop: rgba(0, 0, 0, 0.75);

    /* 2. Chegaralar va Chiziqlar (Dark) */
    --border-color: #292929;
    --border-sub: #1F1F1F;
    --border-strong: #404040;
    --border-focus: #FAFAFA;
    --border-sidebar: #292929;

    /* 3. Tipografika va Matn Ranglari (Dark) */
    --text-title: #FAFAFA;
    --text-main: #FAFAFA;
    --text-sub: #D4D4D4;
    --text-muted: #A3A3A3;
    --text-dim: #737373;
    --text-sidebar: #A3A3A3;
    --text-sidebar-hover: #FAFAFA;
    --text-sidebar-active: #171717;
    --text-on-primary: #171717;

    /* 4. Asosiy Brend Tugmalari (Monochrome) */
    --primary: #FAFAFA;
    --primary-contrast: #171717;
    --primary-hover: #E5E5E5;
    --primary-active: #FFFFFF;
    --primary-soft: #1C1C1C;
    --primary-border: #404040;
    --focus-ring: rgba(163, 163, 163, 0.28);

    /* 5. Semantik Ranglar (Dark rejimda yumshoq va toza) */
    --success: #34D399;
    --success-soft: rgba(52, 211, 153, 0.12);
    --success-border: rgba(52, 211, 153, 0.28);

    --warning: #FBBF24;
    --warning-soft: rgba(251, 191, 36, 0.12);
    --warning-border: rgba(251, 191, 36, 0.28);

    --danger: #F87171;
    --danger-soft: rgba(248, 113, 113, 0.12);
    --danger-border: rgba(248, 113, 113, 0.28);

    --info: #38BDF8;
    --info-soft: rgba(56, 189, 248, 0.12);
    --info-border: rgba(56, 189, 248, 0.28);

    /* 6. Nozik Soyalar (Dark) */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.55);
    --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.65);
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}