/* ==========================================================================
   DG CAMP — DIZAYN TIZIMI (theme.css)
   --------------------------------------------------------------------------
   BU FAYL AVTOMATIK YARATILGAN. Qo'lda tahrirlamang — qiymatlar bir nechta
   formatda (CSS, Tailwind, Material, Figma) takrorlanadi va faqat generator
   orqali bir joyda o'zgartiriladi.

   Palitraning kelib chiqishi: barcha ranglar sayt fonidagi background7
   posteridan O'LCHAB olingan langarlarga bog'langan —
     azur   #0894FD  (fonning aynan o'zi)
     siyan  #11DDFD  ("35" atrofidagi yorug'lik halqasi)
     kumush #9DC0EB  ("35" metali)
     neytral#465E79  (metalldagi ko'kimtir kulrang)
   Shu sababli hech bir rang fon bilan "urishmaydi" — hammasi bitta oiladan.

   Kontrast: barcha matn/fon juftliklari WCAG 2.1 bo'yicha HISOBLANGAN
   (taxmin qilinmagan). Har bir semantik token yonida o'lchangan nisbat
   izohda ko'rsatilgan.
   ========================================================================== */

:root {
  /* ---------- 1. XOM PALITRA (ramps) ---------- */

  /* AZURE — Asosiy — sahifa fonining aynan o'zi (500) */
  --azure-50: #EDF7FF;
  --azure-100: #D6EDFF;
  --azure-200: #ADDBFF;
  --azure-300: #75C3FF;
  --azure-400: #33A6FF;
  --azure-500: #0894FD;
  --azure-600: #0074D9;
  --azure-700: #005BAD;
  --azure-800: #064B8A;
  --azure-900: #0A3C6D;
  --azure-950: #062544;

  /* AQUA — Ikkilamchi — posterning siyan halqasi; innovatsiya urg'usi */
  --aqua-50: #E8FCFF;
  --aqua-100: #C9F7FF;
  --aqua-200: #93EFFF;
  --aqua-300: #4FE2FB;
  --aqua-400: #11DDFD;
  --aqua-500: #06B6DE;
  --aqua-600: #0092B8;
  --aqua-700: #047E9E;
  --aqua-800: #0C5D75;
  --aqua-900: #0E4D61;
  --aqua-950: #06303D;

  /* SLATE — Neytrallar — KO'KKA moyil; sof kulrang azur ustida iflos ko'rinadi */
  --slate-0: #FFFFFF;
  --slate-25: #F8FBFE;
  --slate-50: #EFF4FA;
  --slate-100: #E2EAF3;
  --slate-200: #CBD8E6;
  --slate-300: #A7BACE;
  --slate-400: #7B91A9;
  --slate-500: #5A7187;
  --slate-600: #465E79;
  --slate-700: #324459;
  --slate-800: #1E2D3D;
  --slate-900: #111C28;
  --slate-950: #080F17;

  /* SILVER — Kumush — "35" metalidan; premium sirt va ajratgichlar */
  --silver-100: #F2F7FC;
  --silver-200: #DCE7F2;
  --silver-300: #C2D3E5;
  --silver-400: #9DC0EB;
  --silver-500: #7FA3C9;
  --silver-600: #5A82AE;
  --silver-700: #3273C7;

  /* EMERALD — Muvaffaqiyat — ko'k oilaga yaqin turishi uchun teal tomonga siljitilgan */
  --emerald-50: #E6F7F1;
  --emerald-100: #C4EEE0;
  --emerald-200: #8ADCC3;
  --emerald-300: #45C6A1;
  --emerald-400: #12AB83;
  --emerald-500: #0A8563;
  --emerald-600: #097053;
  --emerald-700: #085C44;
  --emerald-800: #084B38;
  --emerald-900: #073E2F;

  /* AMBER — Ogohlantirish — to'yinganligi pasaytirilgan; TO'Q matn bilan ishlatiladi */
  --amber-50: #FEF6E7;
  --amber-100: #FDEBC8;
  --amber-200: #FBD68E;
  --amber-300: #F8BE4F;
  --amber-400: #F5A524;
  --amber-500: #D2870D;
  --amber-600: #A66908;
  --amber-700: #83530A;
  --amber-800: #68430C;
  --amber-900: #55370C;

  /* CORAL — Diqqat — mavjud brend rangi; FAQAT nuqtali, hech qachon dominant emas */
  --coral-50: #FDEDF0;
  --coral-100: #FBDAE0;
  --coral-200: #F7B3BF;
  --coral-300: #F1889B;
  --coral-400: #E85C77;
  --coral-500: #EE4B62;
  --coral-600: #D2334C;
  --coral-700: #B32740;
  --coral-800: #941F35;
  --coral-900: #7A1B2D;

  /* ---------- 2. SEMANTIK TOKENLAR ---------- */

  /* --- Brend --- */
  --brand: #0894FD;  /* Sahifa foni / imzo rangi */
  --brand-strong: #0074D9;  /* Interaktiv brend rangi */
  --brand-deep: #005BAD;  /* Havola matni, bosilgan holat */
  --brand-abyss: #062544;  /* Eng to'q brend sirti */
  --accent: #11DDFD;  /* Siyan urg'u / glow */
  --accent-deep: #047E9E;  /* Oq fonda siyan matn */
  --platinum: #9DC0EB;  /* Kumush urg'u */

  /* --- Sirtlar --- */
  --surface: #FFFFFF;  /* Asosiy oq sirt */
  --surface-subtle: #F8FBFE;  /* Input foni */
  --surface-muted: #EFF4FA;  /* Sahifa foni (och rejim) */
  --surface-sunken: #E2EAF3;  /* Botgan zona */
  --surface-dark: #062544;  /* To'q brend sirti */
  --surface-dark-elevated: #111C28;  /* Nav / sidebar */
  --overlay: rgba(6, 37, 68, 0.88);  /* Modal orqasidagi qoplama */

  /* --- Matn --- */
  --text: #111C28;  /* Asosiy matn — oqda 17.2:1 (AAA) */
  --text-secondary: #465E79;  /* Ikkilamchi — 6.69:1 (AA) */
  --text-muted: #5A7187;  /* Xira — 5.06:1 (AA) */
  --text-inverse: #FFFFFF;  /* To'q sirtda — 17.2:1 (AAA) */
  --text-on-brand: #FFFFFF;  /* Rangli to'ldirish ustida */
  --text-link: #005BAD;  /* Havola — 6.77:1 (AA) */
  --text-link-on-dark: #4FE2FB;  /* To'q fonda havola — 11.15:1 (AAA) */

  /* --- Chegara va ajratgich --- */
  --border-subtle: #E2EAF3;  /* Eng yengil */
  --border: #CBD8E6;  /* Standart */
  --border-strong: #A7BACE;  /* Kuchli */
  --border-brand: #75C3FF;  /* Tanlangan/brend */
  --divider: #E2EAF3;  /* Ajratgich 1px */
  --divider-on-dark: rgba(255, 255, 255, 0.08);  /* To'q sirtda ajratgich */

  /* --- Holat (semantic states) --- */
  --success: #0A8563;  /* Oq matn bilan 4.62:1 (AA) */
  --success-hover: #097053;  /* 6.08:1 */
  --success-soft: #E6F7F1;  /* Yumshoq fon */
  --success-text: #085C44;  /* Yumshoq fonda 7.22:1 (AAA) */
  --warning: #F5A524;  /* TO'Q matn bilan 8.43:1 (AAA) */
  --warning-hover: #F8BE4F;  /* 10.22:1 */
  --warning-soft: #FEF6E7;  /* Yumshoq fon */
  --warning-text: #68430C;  /* Yumshoq fonda 8.16:1 (AAA) */
  --error: #D2334C;  /* Oq matn bilan 4.86:1 (AA) */
  --error-hover: #B32740;  /* 6.40:1 */
  --error-soft: #FDEDF0;  /* Yumshoq fon */
  --error-text: #B32740;  /* Yumshoq fonda 5.65:1 (AA) */
  --info: #0074D9;  /* Oq matn bilan 4.67:1 (AA) */
  --info-hover: #005BAD;  /* 6.77:1 */
  --info-soft: #EDF7FF;  /* Yumshoq fon */
  --info-text: #064B8A;  /* Yumshoq fonda 8.13:1 (AAA) */

  /* --- Interaktiv holatlar --- */
  --cta: #D2334C;  /* Asosiy harakat — oq matn 4.86:1 */
  --cta-hover: #B32740;  /* 6.40:1 */
  --cta-active: #941F35;  /* 8.38:1 */
  --cta-on-color: #FFFFFF;  /* Azur fonda oq tugma (matn: brand-abyss, 15.5:1) */
  --focus-ring: #0074D9;  /* Fokus halqasi */
  --focus-ring-on-dark: #11DDFD;  /* To'q fonda fokus */
  --disabled-bg: #E2EAF3;  /* Nofaol fon */
  --disabled-text: #5A7187;  /* Nofaol matn — 4.02:1 */
  --selected: #EDF7FF;  /* Tanlangan qator/element */

  /* --- Input va nishon --- */
  --input-bg: #F8FBFE;  /* Input foni */
  --input-border: #CBD8E6;  /* Input chegarasi */
  --input-text: #111C28;  /* Kiritilgan matn */
  --input-placeholder: #7B91A9;  /* Placeholder */
  --badge-neutral: #E2EAF3;  /* Neytral nishon foni */
  --badge-neutral-text: #324459;  /* Neytral nishon matni */

  /* --- Diagramma --- */
  --chart-1: #0894FD;  /* 1-seriya */
  --chart-2: #11DDFD;  /* 2-seriya */
  --chart-3: #064B8A;  /* 3-seriya */
  --chart-4: #12AB83;  /* 4-seriya */
  --chart-5: #7FA3C9;  /* 5-seriya */
  --chart-6: #F5A524;  /* 6-seriya */
  --chart-7: #EE4B62;  /* 7-seriya */

  /* ---------- 3. GRADIENTLAR ---------- */
  --gradient-signature: linear-gradient(135deg, #0894FD 0%, #11DDFD 100%);  /* Brend gradienti — hero urg'usi, faol holat */
  --gradient-signature-soft: linear-gradient(135deg, #33A6FF 0%, #4FE2FB 100%);  /* Yumshoq brend gradienti — katta yuzalar */
  --gradient-depth: linear-gradient(180deg, #0A3C6D 0%, #062544 100%);  /* Chuqurlik — nav, footer, to'q panel */
  --gradient-cta: linear-gradient(135deg, #EE4B62 0%, #B32740 100%);  /* Asosiy CTA tugmasi */
  --gradient-cta-hover: linear-gradient(135deg, #D2334C 0%, #941F35 100%);  /* CTA hover */
  --gradient-platinum: linear-gradient(135deg, #F2F7FC 0%, #C2D3E5 45%, #9DC0EB 100%);  /* Kumush/metall sirt */
  --gradient-aurora: linear-gradient(120deg, #11DDFD 0%, #0074D9 55%, #064B8A 100%);  /* Yorug'lik urg'usi */
  --gradient-page: linear-gradient(180deg, #0290FD 0%, #0894FD 45%, #0993FD 100%);  /* Sahifa foni — posterdan o'lchab olingan (o'zgartirilmaydi) */
  --gradient-glass-sheen: linear-gradient(160deg, #FFFFFF40 0%, #FFFFFF0D 55%, #FFFFFF00 100%);  /* Shisha ustidagi yorug'lik */
  --gradient-fade-bottom: linear-gradient(180deg, #06254400 0%, #06254499 100%);  /* Pastga qorayish (matn o'qilishi uchun) */

  /* ---------- 4. SOYALAR ---------- */
  /* Soya rangi QORA emas, ko'k (azure-950) — qora soya to'yingan
     azur fon ustida kulrang/iflos dog' bo'lib ko'rinadi. */
  --shadow-xs: 0 1px 2px rgba(6,37,68,0.08);
  --shadow-sm: 0 2px 4px rgba(6,37,68,0.08), 0 1px 2px rgba(6,37,68,0.06);
  --shadow-md: 0 4px 12px rgba(6,37,68,0.10), 0 2px 4px rgba(6,37,68,0.06);
  --shadow-lg: 0 12px 28px rgba(6,37,68,0.12), 0 4px 8px rgba(6,37,68,0.06);
  --shadow-xl: 0 24px 48px rgba(6,37,68,0.16), 0 8px 16px rgba(6,37,68,0.08);
  --shadow-2xl: 0 40px 80px rgba(6,37,68,0.22), 0 12px 24px rgba(6,37,68,0.10);
  --shadow-inner: inset 0 1px 2px rgba(6,37,68,0.08);
  --shadow-glass: 0 8px 32px rgba(6,37,68,0.20), inset 0 1px 0 rgba(255,255,255,0.65);
  --shadow-glow-aqua: 0 0 24px rgba(17,221,253,0.45), 0 0 48px rgba(17,221,253,0.20);
  --shadow-glow-azure: 0 0 24px rgba(51,166,255,0.40), 0 0 48px rgba(51,166,255,0.18);
  --shadow-glow-cta: 0 10px 28px rgba(142,23,48,0.55), inset 0 1px 0 rgba(255,255,255,0.25);
  --shadow-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #0074D9;
  --shadow-focus-on-dark: 0 0 0 2px #062544, 0 0 0 4px #11DDFD;

  /* ---------- 5. GLASSMORPHISM ---------- */
  --glass-subtle-fill: rgba(255,255,255,0.10);
  --glass-subtle-border: rgba(255,255,255,0.22);
  --glass-subtle-blur: 12px;
  --glass-subtle-saturate: 140%;
  --glass-default-fill: rgba(255,255,255,0.17);
  --glass-default-border: rgba(255,255,255,0.35);
  --glass-default-blur: 18px;
  --glass-default-saturate: 165%;
  --glass-strong-fill: rgba(255,255,255,0.28);
  --glass-strong-border: rgba(255,255,255,0.50);
  --glass-strong-blur: 26px;
  --glass-strong-saturate: 180%;
  --glass-dark-fill: rgba(6,37,68,0.55);
  --glass-dark-border: rgba(255,255,255,0.12);
  --glass-dark-blur: 20px;
  --glass-dark-saturate: 150%;

  /* ---------- 6. BURCHAK RADIUSI ---------- */
  --radius-none: 0;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-3xl: 36px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---------- 7. 8px MASOFA TIZIMI ---------- */
  --space-0: 0px;
  --space-0.5: 4px;
  --space-1: 8px;
  --space-1.5: 12px;
  --space-2: 16px;
  --space-2.5: 20px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;

  /* ---------- 8. KO'TARILISH (elevation) ---------- */
  --elevation-0: none;  /* Sahifa foni — Fon suratining o'zi */
  --elevation-1: var(--shadow-xs);  /* Yassi sirt — Ajratgich bilan chegaralangan zona */
  --elevation-2: var(--shadow-sm);  /* Karta — Standart karta, input */
  --elevation-3: var(--shadow-md);  /* Ko'tarilgan karta — Hover holatidagi karta, dropdown */
  --elevation-4: var(--shadow-lg);  /* Suzuvchi panel — Popover, tooltip, sticky bar */
  --elevation-5: var(--shadow-xl);  /* Modal — Dialog oynasi */
  --elevation-6: var(--shadow-2xl);  /* Eng yuqori — To'liq ekran oyna, kritik bildirishnoma */
}

/* ==========================================================================
   MOSLIK QATLAMI — loyihada allaqachon ishlatilayotgan eski o'zgaruvchi
   nomlari yangi tizimga BOG'LANADI. Shu sababli theme.css'ni ulash uchun
   mavjud CSS'ni qayta yozish shart emas: eski nomlar ishlayveradi, lekin
   endi ular yangi, kontrasti tekshirilgan qiymatlarni oladi.

   YAGONA MAZMUNLI O'ZGARISH: --color-primary koral #EE4B62 -> #D2334C.
   Sabab — oq matn eski rang ustida 3.61:1 edi, ya'ni WCAG AA (4.5:1) dan
   PAST. Yangi qiymatda 4.86:1. Rangtus (351deg) o'sha-o'sha, faqat
   to'yinganlik 83% -> 64% va yorqinlik 61% -> 51%.
   ========================================================================== */
:root {
  --color-primary: #D2334C;  /* edi #EE4B62 — kontrast uchun to'qlashtirildi */
  --color-primary-dark: #B32740;  /* hover/active */
  /* ASOSIY HARAKAT (CTA) RANGI — to'q granat qizil.
     Muammo QIZILNING O'ZIDA emas, uning YORQINLIGI va TO'YINGANLIGIDA
     edi: eski koral #EE4B62 fondan 6.6 barobar yorqin va 83% to'yingan —
     shu sababli ko'k bilan bir xil "kuchda" turib, chegarasi titrardi
     (vibrating edge), oq matn esa atigi 3.61:1 (AA dan past) edi.
     Granat #A81C3C fondan atigi 2.6 barobar yorqin — ajralib turadi,
     lekin baqirmaydi; rangtusi 346deg, ya'ni koraldan KO'KROQ tomonga
     surilgan va shu sabab shoh-ko'k fon bilan bir oilada eshitiladi.
     Bundan tashqari to'q qizil O'zbekiston bayrog'idagi qizilga
     yaqin — yubiley konteksti uchun mantiqan to'g'ri.
     Gradient tepada #C02648, pastda #8E1730 — muhrga/baxmalga o'xshash
     hajm beradi. Oq matn kontrasti: eng ochiq nuqtada ham 5.81:1,
     asosiy qismida 7.25:1 (AAA). */
  --color-cta: #A81C3C;
  --color-cta-light: #C02648;  /* gradient tepasi */
  --color-cta-dark: #8E1730;  /* gradient pasti / hover */
  --color-cta-ink: #FFFFFF;  /* granat ustidagi matn */
  --color-ink: #111C28;  /* asosiy matn */
  --color-ink-soft: #324459;  /* yumshoqroq matn */
  --color-bg: #EFF4FA;  /* och sahifa foni */
  --color-card: #FFFFFF;  /* karta */
  --color-muted: #5A7187;  /* xira matn */
  --color-border: #CBD8E6;  /* chegara */
  --radius: 16px;  /* asosiy radius */
  --radius-sm: 8px;  /* kichik radius */
  --shadow: var(--shadow-lg);  /* standart soya */
}

/* ==========================================================================
   TO'Q REJIM — brauzer sozlamasiga qarab avtomatik.
   Sirtlar ko'kligini saqlaydi (sof kulrang emas), shu sababli brend hissi
   to'q rejimda ham yo'qolmaydi.
   ========================================================================== */
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #062544;
    --surface-subtle: #080F17;
    --surface-muted: #111C28;
    --surface-sunken: #1E2D3D;
    --text: #FFFFFF;
    --text-secondary: #A7BACE;
    --text-muted: #7B91A9;
    --text-inverse: #111C28;
    --text-link: #4FE2FB;
    --border-subtle: rgba(255,255,255,0.08);
    --border: rgba(255,255,255,0.12);
    --border-strong: rgba(255,255,255,0.20);
    --divider: rgba(255,255,255,0.08);
    --success-soft: #073E2F;
    --success-text: #45C6A1;
    --warning-soft: #55370C;
    --warning-text: #F8BE4F;
    --error-soft: #7A1B2D;
    --error-text: #F1889B;
    --info-soft: #0A3C6D;
    --info-text: #75C3FF;
    --focus-ring: #11DDFD;
  }
}

/* Foydalanuvchi harakatni kamaytirishni so'ragan bo'lsa — glow/blur kabi
   og'ir effektlar o'chiriladi (ular ham vizual "harakat" hissini beradi va
   kuchsiz qurilmalarda sekinlashtiradi). */
@media (prefers-reduced-motion: reduce) {
  :root { --shadow-glow-aqua: none; --shadow-glow-azure: none; }
}