/* ============================================================
   Современные двери — Design Tokens (style A1 «Классик»)
   Тёплый минимализм / editorial. Один фирменный охристый акцент.
   ============================================================ */
:root {
  /* — Base palette — */
  --paper:        #f4f1ea;  /* основной фон страницы (тёплая бумага) */
  --paper-2:      #ece6da;  /* тёплая панель / выделенный блок */
  --card:         #ffffff;  /* фон карточки товара */
  --ink:          #1a1916;  /* основной текст и тёмные секции */
  --clay:         #d38617;  /* единственный акцент: цена, скидка, CTA */
  --clay-deep:    #b46c12;  /* нажатое/градиентное состояние акцента */
  --green:        #1f8a5b;  /* статус «в наличии», «новинка» */

  /* — Text on light — */
  --text:         #1a1916;            /* заголовки, основной текст */
  --text-muted:   rgba(26,25,22,.62); /* описания, подзаголовки */
  --text-soft:    rgba(26,25,22,.50); /* подписи, метаданные */
  --text-faint:   rgba(26,25,22,.42); /* лейблы секций (uppercase) */

  /* — Text on dark (--ink surfaces) — */
  --text-inv:     #f4f1ea;
  --text-inv-mut: rgba(244,241,234,.60);
  --text-inv-soft:rgba(244,241,234,.40);

  /* — Lines & borders — */
  --line:         rgba(26,25,22,.12); /* разделители, рамки таблиц */
  --line-strong:  #1a1916;            /* верхняя линия-акцент над пунктом */
  --border-card:  rgba(26,25,22,.08); /* контур карточки */

  /* — Radii — (минимум скруглений; пилюли для кнопок/чипов) */
  --r-pill:       999px;  /* кнопки, чипы выбора, бейджи */
  --r-card:       4px;    /* карточки, панели — почти прямые углы */
  --r-swatch:     50%;    /* кружок цвета */

  /* — Shadows — (мягкие, тёплые; не серые) */
  --shadow-door:  0 30px 60px -34px rgba(40,34,24,.40); /* дверь / сцена */
  --shadow-lift:  0 18px 40px -24px rgba(60,48,28,.35); /* hover карточки */

  /* — Type — */
  --font: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --w-display: 300;  /* @kind font — крупные тонкие заголовки */
  --w-regular: 400;  /* @kind font */
  --w-medium:  500;  /* @kind font — акценты в тексте, кнопки */
  --w-semibold:600;  /* @kind font — логотип, плотные заголовки */

  /* Type scale (desktop, 1320 канвас) */
  --fs-hero:   92px;  /* H1 главной */
  --fs-h1:     68px;  /* H1 товара/каталога */
  --fs-h2:     50px;  /* заголовок секции */
  --fs-h2-sm:  38px;  /* малый заголовок секции */
  --fs-price:  44px;  /* крупная цена */
  --fs-lead:   21px;  /* лид-абзац */
  --fs-body:   18px;  /* основной текст */
  --fs-ui:     16px;  /* интерфейсный текст, ссылки */
  --fs-meta:   14px;  /* метаданные */
  --fs-label:  16px;  /* uppercase-лейбл секции */

  /* Tracking */
  --tr-display: -.02em; /* отрицательный для крупного */
  --tr-hero:    -.03em;
  --tr-label:   .10em;  /* uppercase-лейблы */

  /* — Layout — */
  --maxw:     1320px;  /* контейнер */
  --pad-x:    56px;    /* горизонтальные поля контейнера */
  --pad-x-pg: 80px;    /* поля внутри страницы товара */
  --sec-y:    110px;   /* вертикальный ритм между секциями */
  --gap-grid: 28px;    /* промежуток сетки каталога */
}