/* ═══════════════════════════════════════════════════════════════════════════
   SALON TEMASI — tillarang, yumshoq shakl.
   Faqat `html.theme-salon` bo'lganda yuklanadi (views/partials/head.hbs).

   BU FAYL FAQAT TOKEN QIYMATLARINI QAYTA BELGILAYDI. Bu yerga selektor,
   joylashuv yoki komponent uslubi YOZILMAYDI — aks holda ikki temani
   parallel saqlash kerak bo'lib qoladi.

   Spetsifiklik: `html.theme-salon` (0,1,1) > `:root` (0,1,0), shuning uchun
   yuklanish tartibidan qat'i nazar ustun keladi.
   ═══════════════════════════════════════════════════════════════════════════ */

html.theme-salon {
  /* ── Brend: bronza → tillarang ──────────────────────────────────────────
     --primary matn va chegara sifatida ham ishlatiladi, shuning uchun krem
     fonda kontrast standart temadagidek (~6:1) bo'lishi kerak — #7d5c24 ≈ 5.7.
     Tilla HISSI ochroq tokenlardan keladi: --primary-light, --accent va
     gradientlar. Ochiq tilla (#c9a227 ≈ 2.4:1) matn uchun yaroqsiz. */
  --primary: #7d5c24;
  --primary-hover: #67491b;
  --primary-light: #d9bd82;
  --primary-soft: rgba(125, 92, 36, 0.12);
  --primary-selected: rgba(125, 92, 36, 0.2);
  --focus-ring: rgba(125, 92, 36, 0.22);
  --primary-wash: #faf3e6;
  --primary-tint: #e8d4aa;

  --secondary: #7d8b6a;
  --secondary-hover: #667355;
  --accent: #b08d4a;
  --accent-hover: #7d5c24;

  /* ── Iliq sirtlar: krem va shampan ─────────────────────────────────────── */
  --bg-body-alt: #faf6ef;
  --bg-surface: #fffdf9;
  --bg-muted: #f7f2e9;
  --bg-subtle: #f2ebdd;
  --bg-glass: #fffdf9;
  --bg-glass-dark: #fffdf9;
  --bg-gradient-primary: linear-gradient(135deg, #8a6730 0%, #ab8544 100%);

  /* ── Amal tugmalari — o'sha 135deg to'qdan ochga tili ───────────────────
     Oq matn uchun kontrast: gradient boshida ~5.7, oxirida ~3.6. */
  --grad-primary: linear-gradient(135deg, #8a6730 0%, #ab8544 100%);
  --grad-primary-hover: linear-gradient(135deg, #7a5a29 0%, #99763b 100%);
  --grad-success: linear-gradient(135deg, #2f6d4f 0%, #3d8a64 100%);
  --grad-success-hover: linear-gradient(135deg, #285e44 0%, #347757 100%);
  --grad-danger: linear-gradient(135deg, #b1382f 0%, #c9564a 100%);
  --grad-danger-hover: linear-gradient(135deg, #9c3029 0%, #b44a3f 100%);

  /* Ogohlantirish TERRAKOTA — tillarang brend rangi ham amber, ikkalasi bir
     xil bo'lsa ogohlantirish o'qilmay qoladi. --warning-ink och fonda oddiy
     matn sifatida ham ishlatiladi (bron.css, qaytarish.css), shuning uchun u
     TO'Q bo'lib qoladi va gradient dark-ink o'qiladigan darajada ochiq. */
  --warning: #c2410c;
  --warning-strong: #9a3412;
  --warning-deep: #7c2d12;
  --warning-soft: #fbe3d5;
  --warning-wash: #fdf4ee;
  --grad-warning: linear-gradient(135deg, #e2833f 0%, #f2ab72 100%);
  --grad-warning-hover: linear-gradient(135deg, #cf7434 0%, #e09a63 100%);
  --warning-ink: #451a03;

  --grad-teal: linear-gradient(135deg, #4a6b63 0%, #5d857b 100%);
  --grad-teal-hover: linear-gradient(135deg, #3e5a53 0%, #4f7268 100%);

  --success: #2f7d5a;
  --success-hover: #27684a;
  --danger: #b1382f;
  --danger-hover: #9c3029;
  --danger-soft: #f6ddd8;
  --info: #5b7fa6;

  /* Status oilalarining to'ldirilgan pog'onalari — sahifa CSS'laridagi
     Tailwind hex'lari o'rniga. Hammasi krem fonga moslangan, bosiq tuslar. */
  --success-strong: #27684a;
  --success-deep: #1e5039;
  --success-soft: #dce9e1;
  --success-wash: #f0f6f2;

  --danger-strong: #8f2b23;
  --danger-deep: #6d211b;
  --danger-wash: #fbf0ee;

  --rose: #b0455a;
  --rose-strong: #963a4c;
  --rose-deep: #752c3b;
  --rose-soft: #f6e3e6;

  --teal: #4a6b63;
  --teal-strong: #3e5a53;
  --teal-deep: #324a44;
  --teal-soft: #dfe8e5;
  --teal-wash: #f1f6f4;

  --info-strong: #4a6a8c;
  --info-deep: #3a5570;
  --info-soft: #dde5ee;
  --info-wash: #eef1f5;

  /* ── Ijara tarif ranglari (mahsulot kartochkasidagi narx tugmalari) ────── */
  --tarif-soat-from: #2f6d4f;
  --tarif-soat-to: #3d8a64;
  --tarif-soat-line: #347757;
  --tarif-soat-glow: rgba(47, 109, 79, 0.28);
  --tarif-soat-bg: var(--grad-success);

  /* Kunlik tarif — brend bronzasidan ILIQROQ mis tus. Aks holda narx tugmasi
     asosiy amal tugmasi bilan bir xil ko'rinardi (standart temada ular
     indigo va binafsha bo'lib ajralib turadi). */
  --tarif-kun-from: #a35a2f;
  --tarif-kun-to: #c98254;
  --tarif-kun-line: #b46e41;
  --tarif-kun-glow: rgba(163, 90, 47, 0.28);
  --tarif-kun-bg: linear-gradient(135deg, #a35a2f 0%, #c98254 100%);

  --toolbar-active-bg: var(--grad-primary);
  --toolbar-active-line: #8a6730;

  /* ── Iliq ko'mir matn (sovuq slate emas) ───────────────────────────────── */
  --text-main: #2a2118;
  --text-card: #33281c;
  --text-strong: #4a3c2c;
  --text-secondary: #6b5a45;
  --text-muted: #806e58;
  --text-light: #ab9a83;
  --text-white: #fffdf9;

  /* ── Bej chegaralar ────────────────────────────────────────────────────── */
  --border-color: #e8dcc8;
  --border-card: #e0d2ba;
  --border-dashed: #ece3d4;
  --border-strong: #d3c0a1;
  --border-glass: var(--border-color);

  /* ── Yumshoq, ILIQ tusli soyalar ───────────────────────────────────────── */
  --shadow-sm: 0 1px 2px 0 rgb(90 70 40 / 0.06);
  --shadow-md: 0 4px 10px -2px rgb(90 70 40 / 0.10), 0 2px 6px -3px rgb(90 70 40 / 0.07);
  --shadow-lg: 0 10px 22px -6px rgb(90 70 40 / 0.12), 0 4px 10px -6px rgb(90 70 40 / 0.08);
  --shadow-xl: 0 20px 32px -10px rgb(90 70 40 / 0.14), 0 8px 14px -10px rgb(90 70 40 / 0.08);
  --shadow-glow: 0 4px 14px rgba(125, 92, 36, 0.22);

  /* ── Yumshoqroq shakl — «nozik» his aynan shundan keladi ───────────────── */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 0.75rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 0.75rem;
  --radius-card: 12px;
  --radius-chip: 10px;

  /* Tepa panel salonda balandroq — bannerdagi figura 42px da ko'rinmasdi.
     Bu token body padding'ini ham boshqaradi, shuning uchun joylashuv
     o'z-o'zidan moslashadi. Banner uslublari: public/css/salon-shell.css */
  --navbar-h: 58px;
}

@media (max-width: 767.98px) {
  html.theme-salon {
    --navbar-h: 50px;
  }
}

/* ── Bootstrap ko'prigi ──────────────────────────────────────────────────────
   Bootstrap uslublari o'z o'zgaruvchilaridan o'qiydi va `.bg-light` kabilar
   `!important` ishlatadi — ya'ni loyihaning `body { background: var(...) }`
   qoidasini bosib ketadi. Shuning uchun Bootstrap o'zgaruvchilarini ham
   salon qiymatlariga ulaymiz. Bu hamon FAQAT o'zgaruvchi tayinlash.

   Tugmalar bu yerga kirmaydi: loyiha `.btn-primary` ni o'zi `--grad-primary`
   bilan qayta yozadi (public/style.css), demak ular temaga o'z-o'zidan
   ergashadi. */
html.theme-salon {
  --bs-body-bg: #faf6ef;
  --bs-body-bg-rgb: 250, 246, 239;
  --bs-body-color: #2a2118;
  --bs-body-color-rgb: 42, 33, 24;

  --bs-emphasis-color: #2a2118;
  --bs-secondary-color: rgba(42, 33, 24, 0.72);
  --bs-tertiary-color: rgba(42, 33, 24, 0.5);

  --bs-border-color: #e8dcc8;
  --bs-border-color-translucent: rgba(42, 33, 24, 0.12);

  --bs-secondary-bg: #f2ebdd;
  --bs-secondary-bg-rgb: 242, 235, 221;
  --bs-tertiary-bg: #f7f2e9;
  --bs-tertiary-bg-rgb: 247, 242, 233;

  /* .bg-light / .text-bg-light — body shu klass bilan keladi */
  --bs-light: #faf6ef;
  --bs-light-rgb: 250, 246, 239;

  --bs-primary: #7d5c24;
  --bs-primary-rgb: 125, 92, 36;
  --bs-link-color: #7d5c24;
  --bs-link-color-rgb: 125, 92, 36;
  --bs-link-hover-color: #67491b;
  --bs-link-hover-color-rgb: 103, 73, 27;

  /* Ogohlantirish terrakota — tillarang brend bilan qo'shilib ketmasin */
  --bs-warning: #c2410c;
  --bs-warning-rgb: 194, 65, 12;

  --bs-heading-color: #2a2118;

}