/* ─────────────────────────────────────────────────────────────────
   4V Partners — Brand Book overlay
   Подключается ПОСЛЕ main.css. Переопределяет цвета и типографику
   под брендбук (Bodoni Moda + DM Sans, палитра 9 цветов).

   Правки: можно отключить, удалив <link> на этот файл — main.css
   останется работать как раньше.
   ───────────────────────────────────────────────────────────────── */

/* ─── 1. Шрифты ─── */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&display=swap');

/* ─── 2. Дизайн-токены брендбука ─── */
:root {
  /* Tier 1 — Основные (~50%) */
  --bb-deep-black:    #0B0B0C;
  --bb-graphite:      #2F3338;
  --bb-cold-gold:     #D4C07A;

  /* Tier 2 — Акцентные (~15%) */
  --bb-steel-navy:    #1F3048;
  --bb-deep-burgundy: #5A1F2E;
  --bb-deep-emerald:  #0F3D3E;

  /* Tier 3 — Нейтральные (~35%) */
  --bb-soft-white:    #E6E8EB;
  --bb-light-silver:  #C9CDD3;
  --bb-warm-grey:     #BFC3C9;

  /* Gold tint для подложек (правило №1 брендбука) */
  --bb-gold-tint:     rgba(212, 192, 122, 0.08);
  --bb-gold-border:   rgba(212, 192, 122, 0.12);

  /* Переопределяем уже существующие переменные main.css на брендбук */
  --gold:     var(--bb-cold-gold);
  --black:    var(--bb-deep-black);
  --graphite: var(--bb-graphite);
  --burgundy: var(--bb-deep-burgundy);
  --emerald:  var(--bb-deep-emerald);
  --midnight: var(--bb-steel-navy);
  --white:    var(--bb-soft-white);
  --silver:   var(--bb-light-silver);
}

/* ─── 3. Базовая типографика ─── */
.page,
body,
input,
textarea,
select,
button {
  font-family: 'DM Sans', sans-serif;
}

/* Заголовки → Bodoni Moda */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bodoni Moda', serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* ─── 4. Перебить все inline font-family
       (в HTML ~146 штук — Georgia, Arial, Lora) ─── */
[style*="Georgia"],
[style*="Lora"] {
  font-family: 'Bodoni Moda', serif !important;
}

[style*="Arial"] {
  font-family: 'DM Sans', sans-serif !important;
}

/* ─── 5. Конкретные классы main.css ─── */

/* Hero */
.hero-h1                   { font-family: 'Bodoni Moda', serif; font-weight: 400; }
.hero-h1 em                { font-family: 'Bodoni Moda', serif; font-style: italic; font-weight: 400; }
.hero-eyebrow,
.hero-sub,
.hero-cta,
.hero-note                 { font-family: 'DM Sans', sans-serif; }

/* Навигация */
.nav-links a,
.nav-cta,
.nav-lang,
.logo-text                 { font-family: 'DM Sans', sans-serif; }

/* Stats */
.stat-num                  { font-family: 'Bodoni Moda', serif; font-weight: 600; }
.stat-label,
.stat-sub                  { font-family: 'DM Sans', sans-serif; }

/* Заголовки секций */
.section-title,
.method-title,
.niche-title,
.step-title,
.case-card-name,
.lead-title,
.testi-card-quote,
.format-title,
.result-card-title         { font-family: 'Bodoni Moda', serif; font-weight: 400; }

/* Эйеброу/лейблы — DM Sans uppercase */
.section-eyebrow,
.method-eyebrow,
.niche-label,
.step-num,
.case-tag,
.case-block-label,
.lead-eyebrow,
.format-label,
.result-card-icon          { font-family: 'DM Sans', sans-serif; font-weight: 500; letter-spacing: 0.15em; }

/* Body-тексты в карточках */
.section-sub,
.niche-text,
.step-text,
.case-text,
.case-result,
.lead-sub,
.lead-points li,
.lead-note,
.format-text,
.result-card-text,
.method-card-text          { font-family: 'DM Sans', sans-serif; font-weight: 300; }

/* Метрика результатов кейсов — Bodoni */
.case-result strong,
.case-card-num             { font-family: 'Bodoni Moda', serif; font-weight: 600; }

/* Формы */
.form-label,
.form-input,
.form-textarea,
.form-btn,
.quiz-input,
.quiz-submit               { font-family: 'DM Sans', sans-serif; }

/* ─── 6. Чуть подправить кегли под шкалу брендбука ─── */
/* Hero: брендбук рекомендует 48–64px, но при 6+ строках русского текста
   CTA уходит ниже первого экрана. Снижаем до 36–42px / line-height 1.1
   ради UX, сохраняя Bodoni Moda. */
.hero-h1                   { font-size: clamp(28px, 3vw, 42px); line-height: 1.1; }

/* H1 секций: 36–42px desktop */
.section-title,
.method-title              { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; }

/* Метрики: 36–48px */
.stat-num                  { font-size: clamp(36px, 4vw, 44px); }

/* Body Large 18–20px / 300 */
.hero-sub,
.section-sub               { font-size: 17px; font-weight: 300; line-height: 1.7; }

/* Эйеброу 13–14px / 500 / caps / spacing 0.15em */
.hero-eyebrow,
.section-eyebrow,
.method-eyebrow,
.lead-eyebrow,
.step-num                  { font-size: 13px; font-weight: 500; letter-spacing: 0.15em; }