/* ============================================================
   Домери — дизайн-токены
   Спецификация для разработки (WordPress).
   Все значения из брифа; производные оттенки помечены.
   ============================================================ */

:root {
  /* --- Цвета: базовая палитра (из брифа, строго) --- */
  --c-ivory:        #F7F5F0;  /* фон основной — слоновая кость */
  --c-white:        #FFFFFF;  /* карточки на фоне кости */
  --c-ink:          #1E2422;  /* текст — графит, вместо чёрного */
  --c-petrol:       #0A5A54;  /* бренд: CTA, ссылки, акценты заголовков, иконки */
  --c-petrol-dark:  #0A3833;  /* тёмные секции: элитка, футер */
  --c-turquoise:    #00D4CC;  /* микроакцент ≤10%: ховеры, фокус, прогресс квиза, текст на тёмном */
  --c-brass:        #C2A878;  /* латунь: тонкие линии, метки «Элитное», нумерация. Дозированно */

  /* --- Цвета: производные (выведены из палитры) --- */
  --c-ink-soft:     #4C534F;  /* вторичный текст (графит 75%) */
  --c-ink-mute:     #7E847F;  /* подписи, метаданные (графит 50%) */
  --c-petrol-hover: #084842;  /* ховер primary-кнопки (петроль −10% светлоты) */
  --c-petrol-tint:  #EBF0EE;  /* лёгкая петрольная подложка (петроль 8% на кости) */
  --c-line:         #E5E1D6;  /* линия-разделитель 1px на светлом */
  --c-line-strong:  #D3CEC0;  /* линия усиленная (бордеры контролов) */
  --c-photo:        #EAE6DC;  /* фон фото-плейсхолдера */
  --c-photo-deep:   #DDD8CB;  /* фон фото-плейсхолдера, тон 2 */
  --c-ivory-dark:   #F1EEE6;  /* чередование секций на светлом */
  --c-on-dark:      #F7F5F0;  /* текст на тёмном петроле = кость */
  --c-on-dark-mute: rgba(247, 245, 240, 0.62); /* вторичный текст на тёмном */
  --c-line-on-dark: rgba(247, 245, 240, 0.16); /* линия 1px на тёмном */
  --c-brass-dim:    rgba(194, 168, 120, 0.45); /* латунная линия приглушённая */
  --c-error:        #B5483E;  /* ошибки форм (тёплый красный, в тон палитре) */

  /* --- Типографика --- */
  --font-serif: 'Playfair Display', 'Georgia', serif;  /* заголовки, антиква */
  --font-sans:  'Golos Text', 'Arial', sans-serif;     /* текст и интерфейс */

  /* Шкала кеглей (desktop ≥1024px) */
  --fs-display: 64px;  /* первый экран главной/лендингов; lh 1.1 */
  --fs-h1:      48px;  /* заголовок страницы; lh 1.15 */
  --fs-h2:      36px;  /* заголовок секции; lh 1.2 */
  --fs-h3:      26px;  /* подзаголовок, карточка; lh 1.3 */
  --fs-h4:      20px;  /* мелкий заголовок; lh 1.35 */
  --fs-num-xl:  44px;  /* цена в карточке объекта; lh 1.1, tnum */
  --fs-num-l:   28px;  /* цена в каталоге, цифры-факты; lh 1.2, tnum */
  --fs-body-l:  19px;  /* лид-абзацы; lh 1.6 */
  --fs-body:    17px;  /* основной текст; lh 1.6 */
  --fs-small:   15px;  /* вторичный текст, параметры; lh 1.5 */
  --fs-caption: 13px;  /* подписи, бейджи, хлебные крошки; lh 1.4 */

  /* Mobile (≤640px): display 38, h1 32, h2 27, h3 22, num-xl 32, num-l 24 —
     задаются медиазапросом в ui.css */

  /* --- Отступы (шаг 4) --- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* Вертикальный ритм секций */
  --section-pad-desktop: 96px;   /* верх/низ секции, desktop */
  --section-pad-mobile:  56px;   /* верх/низ секции, mobile */

  /* --- Радиусы --- */
  --r-0: 0;     /* фото, тёмные секции, таблицы */
  --r-s: 2px;   /* кнопки, поля, бейджи, табы */
  --r-m: 6px;   /* карточки, квиз-опции, аккордеон */

  /* --- Контейнер и сетка --- */
  --container: 1216px;          /* контент 1440 − 2×112 */
  --container-pad: 32px;        /* боковые поля desktop */
  --container-pad-mobile: 20px; /* боковые поля mobile (390 − 2×20 = 350) */
  --grid-gap: 24px;

  /* --- Контролы --- */
  --control-h: 52px;        /* кнопки и поля, desktop */
  --control-h-mobile: 48px; /* кнопки и поля, mobile; тач-цель ≥44px */

  /* --- Слои --- */
  --z-header: 100;
  --z-drawer: 200;
  --z-modal:  300;
}

/* Табличные цифры — каталог, фильтры, цены, таблицы */
.tnum { font-feature-settings: 'tnum' 1; font-variant-numeric: tabular-nums; }