/* =========================================================
   SITE 1995 — Грандмед эмнэлгийн хурал / конференс (grand.local)
   Брэнд давхарга — /bootstrap-extra/style.css-ийн ДАРАА ачаална.
   ⛔ extra-г энд бүү өөрчил — зөвхөн override.

   primary   #2863BA  хөх (хэрэглэгчийн сонголт 2026-07-28 — логоны турколизыг
                       #00B2BE-ээс сольсон; лого өөрөө турколиз хэвээр)
   secondary #EC3338  улаан (логоны баруун талын зураас)
   font      GIP — grandmed.mn-ийн брэнд фонт (кирилл Ө/Ү зөв)
             https://cdn3.greensoft.mn/fonts/GIP/GIP-font.css
             (link нь _start.php-д, extra-гийн Mulish-ийг доор дарна)
   ========================================================= */


/* =========================================================
   1. ФОНТ
   extra-гийн `body { font-family: "Mulish", sans-serif; }`-ийг дарна.
   ========================================================= */

body {
  font-family: "GIP", sans-serif;
}


/* =========================================================
   2. БРЭНД ТОКЕН — light
   extra-гийн "BRAND — webstore.mn" хэсгийг бүтнээр дарна.
   ========================================================= */

:root,
[data-bs-theme="light"] {
  --bs-primary:               #2863ba;
  --bs-primary-rgb:           40, 99, 186;
  --bs-primary-bg-subtle:     #d4e0f1;
  --bs-primary-border-subtle: #a9c1e3;
  --bs-primary-text-emphasis: #10284a;

  --bs-secondary:               #ec3338;
  --bs-secondary-rgb:           236, 51, 56;
  --bs-secondary-bg-subtle:     #fbd6d7;
  --bs-secondary-border-subtle: #f7adaf;
  --bs-secondary-text-emphasis: #5e1416;

  --bs-link-color:            #2863ba;
  --bs-link-color-rgb:        40, 99, 186;
  --bs-link-hover-color:      #22549e;
  --bs-link-hover-color-rgb:  34, 84, 158;
}


/* =========================================================
   3. БРЭНД ТОКЕН — dark
   --bs-primary-г ХЭВЭЭР үлдээнэ: #2863ba дээрх цагаан текстийн контраст
   5.9:1 (товч/badge-д хангалттай). Харин #2863ba-г ТЕКСТ болгож бараан
   дэвсгэр дээр тавихад 2.7:1 л болох тул link/emphasis-ийг цайруулна.
   ========================================================= */

[data-bs-theme="dark"] {
  --bs-primary-bg-subtle:     #081425;
  --bs-primary-border-subtle: #10284a;
  --bs-primary-text-emphasis: #7ea1d6;

  --bs-secondary-bg-subtle:     #2f0a0b;
  --bs-secondary-border-subtle: #5e1416;
  --bs-secondary-text-emphasis: #f48588;

  --bs-link-color:            #7ea1d6;
  --bs-link-color-rgb:        126, 161, 214;
  --bs-link-hover-color:      #a9c1e3;
  --bs-link-hover-color-rgb:  169, 193, 227;
}


/* =========================================================
   4. ТОВЧ
   ========================================================= */

.btn-primary {
  --bs-btn-bg: #2863ba;
  --bs-btn-border-color: #2863ba;
  --bs-btn-hover-bg: #22549e;
  --bs-btn-hover-border-color: #22549e;
  --bs-btn-active-bg: #204f95;
  --bs-btn-active-border-color: #204f95;
  --bs-btn-disabled-bg: #2863ba;
  --bs-btn-disabled-border-color: #2863ba;
}
.btn-outline-primary {
  --bs-btn-color: #2863ba;
  --bs-btn-border-color: #2863ba;
  --bs-btn-hover-bg: #2863ba;
  --bs-btn-hover-border-color: #2863ba;
  --bs-btn-active-bg: #2863ba;
  --bs-btn-active-border-color: #2863ba;
  --bs-btn-disabled-color: #2863ba;
  --bs-btn-disabled-border-color: #2863ba;
}

.btn-secondary {
  --bs-btn-bg: #ec3338;
  --bs-btn-border-color: #ec3338;
  --bs-btn-hover-bg: #c92b30;
  --bs-btn-hover-border-color: #c92b30;
  --bs-btn-active-bg: #bd292d;
  --bs-btn-active-border-color: #bd292d;
  --bs-btn-disabled-bg: #ec3338;
  --bs-btn-disabled-border-color: #ec3338;
}
.btn-outline-secondary {
  --bs-btn-color: #ec3338;
  --bs-btn-border-color: #ec3338;
  --bs-btn-hover-bg: #ec3338;
  --bs-btn-hover-border-color: #ec3338;
  --bs-btn-active-bg: #ec3338;
  --bs-btn-active-border-color: #ec3338;
  --bs-btn-disabled-color: #ec3338;
  --bs-btn-disabled-border-color: #ec3338;
}


/* =========================================================
   5. HEADER-ийн CTA — grandmed.mn-тэй тааруулсан метрик
   grandmed.mn «Даатгал» товч: 15px радиус, 10/24 padding,
   15px / 700. Bootstrap 5.3-ийн --bs-btn-* токенээр — markup-д
   ямар ч нэмэлт utility класс НЭМЭЭГҮЙ (товч = `btn btn-primary`).
   ⚠️ ЗӨВХӨН header-ийн CTA-д хамрана. Бүх товчинд тараах эсэхийг
   хэрэглэгч шийднэ (grandmed нь сайт даяараа ийм метриктэй).
   ========================================================= */

.header-v1 .navbar-cta .btn {
  --bs-btn-border-radius: .9375rem;
  --bs-btn-padding-y: .625rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: .9375rem;
  --bs-btn-font-weight: 700;
}


/* =========================================================
   6. DARK БЛОКИЙН DEFAULT ДЭВСГЭР — брэндийн хөх градиент
   Хэрэглэгчийн заавар (2026-07-28): dark болсон блок бүрийн
   дэвсгэр нь энэ градиент байна = dark үеийн default bg-overlay.

   Хоёр тохиолдлыг зэрэг барина:
     a) `block-bg` + `.bg-overlay`-тэй блок → overlay нь градиент авна.
     b) block-bg-ГҮЙ dark section (hero-v2, team-v3 г.м) → section өөрөө.

   ⚠️ Градиент нь БҮРЭН БҮДЭГГҮЙ (alpha 1) тул (a) тохиолдолд ард
      байгаа зураг/бичлэг БҮРЭН далдлагдана. Зургийг харуулах бол
      alpha-г бууруулна (жишээ .92 → .78).
   ========================================================= */

:root {
  /* Градиентын хоёр өнгө — rgb токен (scoped style-ууд rgba(var(--grand-*-rgb), a)-аар ашиглана) */
  --grand-deep-rgb: 2, 51, 92;
  --grand-sky-rgb: 4, 85, 154;
  --grand-dark-bg: linear-gradient(90deg, rgba(var(--grand-deep-rgb), 1) 0%, rgba(var(--grand-sky-rgb), 1) 100%);
}

[data-bs-theme="dark"] .bg-overlay {
  background: var(--grand-dark-bg);
}

section[data-bs-theme="dark"] {
  background-image: var(--grand-dark-bg);
}


/* =========================================================
   7. ТОВЧНЫ ГЛОБАЛ МЕТРИК (хэрэглэгчийн нэмсэн, 2026-07-28)
   ⚠️ padding/border-radius/font-weight-ийг шууд declaration-аар
   дардаг тул §5-ийн header CTA токенууд болон .btn-sm/.btn-lg-ийн
   --bs-btn-* хэмжээнүүд үйлчлэхгүй (санаатай — бүх товч нэг метрик).
   ========================================================= */

.btn {
  padding: .75rem 1.5rem;
  border-radius: .75rem;
  font-weight: 700;
}