/* =====================================================
   ERFOLG HOSPITALITY — Design Tokens
   Единственный источник правды. Не редактировать inline.
   Все страницы подключают этот файл первым.
   ===================================================== */

:root {

  /* ── Цвета бренда ── */
  --color-espresso:   #3a2c20;   /* основной тёмный, заголовки */
  --color-coffee:     #4d3b2c;   /* вторичный тёмный, текст навигации */
  --color-taupe:      #8a7355;   /* средний нейтральный */
  --color-gold:       #b89968;   /* акцент, иконки, статистика */
  --color-gold-deep:  #9c7f4f;   /* акцент тёмный, ссылки, кнопки hover */
  --color-cream:      #faf7f2;   /* фон страницы */
  --color-cream-2:    #f1ebe1;   /* фон блоков, карточек */
  --color-ink:        #2a2520;   /* основной текст */
  --color-muted:      #7a7066;   /* вспомогательный текст */
  --color-line:       #e4dccf;   /* разделители, границы */
  --color-white:      #fcf8f1;   /* белый компонент */
  --color-ivory:      #fdfaf4;   /* фон модальных окон */

  /* ── Цвета состояний ── */
  --color-success:    #1f7a4d;
  --color-success-bg: rgba(31,122,77,.12);
  --color-error:      #c0392b;
  --color-warning:    #e67e22;
  --color-wa:         #25D366;   /* WhatsApp */

  /* ── Типографика ── */
  --font-serif: "Cormorant Garamond","Playfair Display",Georgia,serif;
  --font-sans:  "Manrope","Inter",system-ui,-apple-system,Roboto,sans-serif;

  /* Размеры заголовков (фиксированная шкала) */
  --text-h1: clamp(3rem, 6.5vw, 5.2rem);
  --text-h2: clamp(2rem, 4vw, 2.8rem);
  --text-h3: clamp(1.5rem, 2.5vw, 1.9rem);
  --text-h4: 1.25rem;
  --text-h5: 1.05rem;
  --text-h6: 0.9rem;

  /* Размеры текста */
  --text-lg:   1.18rem;
  --text-base: 1rem;
  --text-sm:   0.92rem;
  --text-xs:   0.85rem;
  --text-xxs:  0.78rem;

  /* Межстрочный интервал */
  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-loose:  1.75;

  /* Отслеживание (letter-spacing) */
  --tracking-wide:  0.08em;
  --tracking-wider: 0.18em;
  --tracking-label: 0.28em;  /* eyebrow-метки */

  /* ── Сетка и отступы ── */
  --container-max:  1200px;
  --container-gutter: 92%;    /* min(1200px, 92%) */

  /* Секционные отступы */
  --space-section:  84px;
  --space-section-sm: 60px;  /* mobile */

  /* Компонентные отступы */
  --space-xs:  8px;
  --space-sm:  14px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  60px;
  --space-2xl: 84px;

  /* Зазоры в гридах */
  --gap-cards:  26px;
  --gap-cols:   40px;

  /* ── Формы компонентов ── */
  --radius:      16px;    /* карточки, модальные окна */
  --radius-sm:   8px;     /* теги, маленькие элементы */
  --radius-pill: 999px;   /* кнопки, чипы */
  --radius-cert: 14px;    /* сертификаты, FAQ */

  /* ── Тени ── */
  --shadow:    0 18px 40px -18px rgba(43,32,24,.35);
  --shadow-lg: 0 26px 60px -32px rgba(43,32,24,.55);

  /* ── Анимация ── */
  --ease:       .25s ease;
  --ease-slow:  .4s ease;
  --ease-hover: .2s ease;

  /* ── Хедер ── */
  --header-height: 74px;
  --header-bg: rgba(250,247,242,.86);
}