/* Dizayn tokenlari — YAGONA MANBA.
 *
 * Qoida: komponentlarda xom rang (#2563eb) YOZILMAYDI, faqat shu yerdagi
 * o'zgaruvchilar ishlatiladi. Sabab: qorong'i rejim va keyingi rebrend
 * bitta fayldan boshqariladi.
 *
 * Uslub: "Data-Dense Dashboard" — ma'lumot zich, lekin nafas oladigan.
 * Kontrast: barcha matn/fon juftligi WCAG AA (4.5:1) dan o'tadi.
 */

/* Lotin — Inter; hangul — Noto Sans KR. Google Fonts unicode-range bo'yicha
 * bo'lib beradi, ya'ni koreyscha belgi ishlatilmasa u fayl yuklanmaydi. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root {
    /* ── Rang: yorug' rejim ── */
    --c-primary:        #2563eb;
    --c-primary-hover:  #1d4ed8;
    --c-primary-soft:   #eff6ff;   /* fon sifatida: badge, tanlangan satr */
    --on-primary:       #ffffff;

    --c-accent:         #059669;   /* muvaffaqiyat, "qabul qilindi" */
    --c-accent-soft:    #ecfdf5;

    --c-warn:           #b45309;   /* ogohlantirish — muddati yaqinlashdi */
    --c-warn-soft:      #fffbeb;

    --c-danger:         #dc2626;   /* rad etildi, o'chirish */
    --c-danger-soft:    #fef2f2;

    --c-bg:             #f8fafc;   /* sahifa foni */
    --c-surface:        #ffffff;   /* karta, jadval */
    --c-surface-2:      #f1f5f9;   /* ichki blok, jadval sarlavhasi */
    --c-fg:             #0f172a;   /* asosiy matn */
    --c-fg-muted:       #475569;   /* ikkilamchi matn — AA dan o'tadi */
    --c-fg-subtle:      #64748b;   /* yorliq, izoh */
    --c-border:         #e2e8f0;
    --c-border-strong:  #cbd5e1;
    --c-ring:           #2563eb;   /* klaviatura fokusi */

    /* ── Oraliq: 4px ritmi ── */
    --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
    --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

    /* ── Shrift ── */
    --font: 'Inter', 'Noto Sans KR', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px;
    --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;
    /* CRM da asosiy o'lcham 14px: ekranga ko'proq ma'lumot sig'adi.
     * Mobil inputda 16px ga ko'tariladi (iOS avto-zoom bo'lmasligi uchun). */

    --lh-tight: 1.3; --lh-base: 1.55;

    /* ── Burchak va soya ── */
    --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-full: 999px;
    --sh-1: 0 1px 2px rgba(15, 23, 42, .06);
    --sh-2: 0 2px 8px rgba(15, 23, 42, .08);
    --sh-3: 0 8px 24px rgba(15, 23, 42, .12);

    /* ── Qatlamlar ── */
    --z-header: 20; --z-drawer: 40; --z-modal: 100; --z-toast: 200;

    /* ── Harakat ── */
    --t-fast: 120ms cubic-bezier(.4, 0, .2, 1);
    --t-base: 200ms cubic-bezier(.4, 0, .2, 1);

    --sidebar-w: 236px;
    --header-h: 56px;
}

/* ── Qorong'i rejim ──
 * Muhim: ranglar teskari ag'darilmaydi. To'q fonda to'yingan rang "yonadi",
 * shuning uchun asosiy rang ochroq va kamroq to'yingan variantga almashadi. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --c-primary:        #60a5fa;
        --c-primary-hover:  #93c5fd;
        --c-primary-soft:   #1e293b;
        --on-primary:       #0b1120;

        --c-accent:         #34d399;
        --c-accent-soft:    #06281f;
        --c-warn:           #fbbf24;
        --c-warn-soft:      #2a1f06;
        --c-danger:         #f87171;
        --c-danger-soft:    #2a1113;

        --c-bg:             #0b1120;
        --c-surface:        #111827;
        --c-surface-2:      #1a2333;
        --c-fg:             #f1f5f9;
        --c-fg-muted:       #b6c2d4;   /* to'q fonda 4.5:1 dan o'tadi */
        --c-fg-subtle:      #94a3b8;
        --c-border:         #24304a;
        --c-border-strong:  #35425e;
        --c-ring:           #60a5fa;

        --sh-1: 0 1px 2px rgba(0, 0, 0, .4);
        --sh-2: 0 2px 8px rgba(0, 0, 0, .45);
        --sh-3: 0 8px 24px rgba(0, 0, 0, .55);
    }
}

/* Qo'lda tanlangan qorong'i rejim */
:root[data-theme="dark"] {
    --c-primary: #60a5fa; --c-primary-hover: #93c5fd; --c-primary-soft: #1e293b;
    --on-primary: #0b1120;
    --c-accent: #34d399; --c-accent-soft: #06281f;
    --c-warn: #fbbf24; --c-warn-soft: #2a1f06;
    --c-danger: #f87171; --c-danger-soft: #2a1113;
    --c-bg: #0b1120; --c-surface: #111827; --c-surface-2: #1a2333;
    --c-fg: #f1f5f9; --c-fg-muted: #b6c2d4; --c-fg-subtle: #94a3b8;
    --c-border: #24304a; --c-border-strong: #35425e; --c-ring: #60a5fa;
    --sh-1: 0 1px 2px rgba(0,0,0,.4);
    --sh-2: 0 2px 8px rgba(0,0,0,.45);
    --sh-3: 0 8px 24px rgba(0,0,0,.55);
}

/* Harakatni kamaytirish so'ralgan bo'lsa — hurmat qilamiz */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}