/* ============================================================
   YaqinJoy — dizayn tokenlari v2 (premium kontrast pass)
   Rang o'zgartirish = faqat shu fayl. Boshqa hech narsa buzilmaydi.
   ============================================================ */
:root {
  /* Asosiy aksent — boy, to'yingan ko'k */
  --blue: #2563eb;
  --blue-strong: #1d4ed8;
  --blue-grad: linear-gradient(135deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%);
  --blue-soft: rgba(37, 99, 235, 0.12);

  --green: #128040;    /* v61: #16a34a oq fonda 3.30:1 edi → 4.9:1 */
  --green-bright: #22c55e;
  --green-soft: rgba(22, 163, 74, 0.13);
  --yellow: #f59e0b;
  /* v61: reyting RAQAMI uchun alohida (ikonka sariq qoladi — u shakl,
     matn esa o'qilishi kerak). #f59e0b oq fonda 2.15:1 edi. */
  --yellow-text: #a35a00;
  --orange: #b3450a;   /* v61: 3.17:1 → 4.6:1 */
  --red: #dc2626;
  --purple: #9333ea;

  /* Radiuslar */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-full: 999px;

  /* Tiniq, aniq soyalar (loyqa emas) */
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.07);
  --shadow-float: 0 4px 10px rgba(15, 23, 42, 0.12), 0 12px 32px rgba(15, 23, 42, 0.18);
  --shadow-btn: 0 2px 5px rgba(29, 78, 216, 0.25), 0 8px 20px rgba(37, 99, 235, 0.35);

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;

  --nav-h: 64px;
  --page-max: 520px;

  /* ── LIGHT tema: toza oq kartalar + chuqur kontrastli matn ── */
  --bg: #eef1f8;
  --bg-card: #ffffff;
  /* v58: kabinet/brend CSS'i shu nomlarni ishlatardi, lekin ular
     TA'RIFLANMAGAN edi — kartalar foni va xira matn ishlamasdi */
  --surface: #ffffff;
  --muted: #5b6880;    /* v61: kontrast (yuqoridagi bilan bir xil) */
  --bg-input: #f0f3fa;
  --bg-chip: #ffffff;
  --bg-navy: #0e1c42;
  --text: #0b1220;
  --text-2: #3c4963;
  --text-3: #5b6880;   /* v61: #6f7d99 edi — oq fonda 4.14:1 (AA=4.5) */
  --border: #d7deee;
  --line: rgba(15, 23, 42, 0.09);
  --line-2: rgba(15, 23, 42, 0.16);
  --nav-bg: rgba(255, 255, 255, 0.95);
}

/* ── DARK tema: chuqur, boy tungi ranglar ── */
[data-theme="dark"] {
  /* v61: --blue tungi temada QAYTA BELGILANMAGAN edi — #2563eb qorong'i
     fonda 3.0–3.8:1 chiqib, kategoriya nishonlari, havolalar va faol
     pastki menyu yozuvi o'qilmasdi. */
  --blue: #6096ff;
  --blue-soft: rgba(96, 150, 255, 0.16);
  --yellow-text: #fbbf24;
  --bg: #070b16;
  --bg-card: #101830;
  --surface: #101830;
  --muted: #8d9ab5;    /* v61: kontrast */
  --bg-input: #182238;
  --bg-chip: #131c33;
  --bg-navy: #101830;
  --text: #f6f8fd;
  --text-2: #a6b1cb;
  --text-3: #8d9ab5;   /* v61: #707d99 → karta fonida 4.25:1 edi */
  --border: #253052;
  --line: rgba(255, 255, 255, 0.10);
  --line-2: rgba(255, 255, 255, 0.18);
  --nav-bg: rgba(7, 11, 22, 0.94);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 6px 16px rgba(0, 0, 0, 0.45), 0 16px 40px rgba(0, 0, 0, 0.5);
  --green: #22c55e;
  --green-soft: rgba(34, 197, 94, 0.15);
  --yellow: #fbbf24;
  --red: #f87171;
}

/* Xarita ekrani va biznes-qo'shish oqimi doim dark (mockup 1:1) */
.force-dark {
  color: #f6f8fd;
  background: #070b16;
  --bg: #070b16;
  --bg-card: #101830;
  --surface: #101830;
  --muted: #8d9ab5;    /* v61: kontrast */
  --bg-input: #182238;
  --bg-chip: #131c33;
  --bg-navy: #101830;
  --text: #f6f8fd;
  --text-2: #a6b1cb;
  --text-3: #8d9ab5;   /* v61: #707d99 → karta fonida 4.25:1 edi */
  --border: #253052;
  --line: rgba(255, 255, 255, 0.10);
  --line-2: rgba(255, 255, 255, 0.18);
  --nav-bg: rgba(7, 11, 22, 0.94);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 6px 16px rgba(0, 0, 0, 0.45), 0 16px 40px rgba(0, 0, 0, 0.5);
  --green: #22c55e;
  --green-soft: rgba(34, 197, 94, 0.15);
  --yellow: #fbbf24;
  --red: #f87171;
}