/* ============================================================
   Ольга Бушай — специалист по сенсорной интеграции
   Дизайн-токены · v0.2 · направление «Бордо»
   Палитра снята с референса (кожа + медь + тёплый мрамор):
   тёплый крем + бордовая кожа + медь
   ============================================================ */

:root {
  /* ---------- Цвет: поверхности ---------- */
  --bg:        #FFFBF0;  /* основной фон — тёплый кремовый (не меняем) */
  --bg-soft:   #F5EFE2;  /* панели, чередование секций */
  --surface:   #FFFFFF;  /* карточки на креме */
  --tint-sage: #EFE2D2;  /* тёплый мрамор — бейджи, мягкие подложки */
  --tint-mist: #E6CFC1;  /* румяный мрамор — вторая подложка, плейсхолдеры */
  --ink-deep:  #2E1D1A;  /* тёмные секции, футер — кожа в тени */

  /* ---------- Цвет: текст ---------- */
  --ink:       #322C29;  /* основной текст — тёплый графит */
  --ink-soft:  #5C544E;  /* вторичный текст (7:1 на креме) */
  --ink-faint: #8C837A;  /* декоративные подписи, только крупно */
  --on-dark:        #FBEFE1;             /* текст на тёмном */
  --on-dark-soft:   rgba(251, 239, 225, .72);

  /* ---------- Цвет: акцент (кожа-бордо) ---------- */
  --accent:      #A32E38;  /* винный кларет — акцентное слово, крупное (6.8:1; ярче для заметности) */
  --accent-deep: #562326;  /* ссылки и мелкий акцентный текст (8:1) — остаётся тёмным */
  --accent-soft: #9A6A66;  /* декоративное, тихий акцент */
  --accent-btn:  #612A2D;  /* заливка основной кнопки */

  /* ---------- Цвет: медь (фурнитура) ---------- */
  --metal:        #BC8663;  /* декоративная медь — точки, мотив */
  --metal-strong: #8F5A3E;  /* интерактивная медь — ховеры (4.6:1) */
  --metal-light:  #E3BC9C;  /* светлая медь — ховер на тёмном */

  /* ---------- Цвет: линии ---------- */
  --line:        #E7DCC9;  /* границы на креме */
  --line-strong: #CFC0A9;
  --line-dark:   rgba(251, 239, 225, .16);

  /* ---------- Типографика ---------- */
  --font-display: 'Cormorant', 'Times New Roman', serif;
  --font-text:    'Onest', -apple-system, 'Segoe UI', sans-serif;

  /* вес дисплейного серифа (переменный шрифт) */
  --w-display: 540;
  --w-display-strong: 620;

  /* шкала: fluid 390px → 1440px */
  --text-display: clamp(2.875rem, 2rem + 3.75vw, 5.25rem);   /* 46 → 84 */
  --text-h1:      clamp(2.5rem, 1.86rem + 2.75vw, 4.25rem);  /* 40 → 68 */
  --text-h2:      clamp(2rem, 1.71rem + 1.25vw, 2.75rem);    /* 32 → 44 */
  --text-h3:      clamp(1.5rem, 1.41rem + 0.36vw, 1.75rem);  /* 24 → 28 */
  --text-h4:      1.125rem;                                  /* 18 — Onest */
  --text-lead:    clamp(1.125rem, 1.08rem + 0.18vw, 1.25rem);/* 18 → 20 */
  --text-body:    1.0625rem;                                 /* 17 */
  --text-small:   0.9375rem;                                 /* 15 */
  --text-caption: 0.8125rem;                                 /* 13 */
  --text-price:   clamp(2.25rem, 2rem + 1.1vw, 3rem);        /* 36 → 48 */

  /* ---------- Отступы ---------- */
  --space-1: 0.25rem;   /*  4 */
  --space-2: 0.5rem;    /*  8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.5rem;    /* 24 */
  --space-6: 2rem;      /* 32 */
  --space-7: 2.5rem;    /* 40 */
  --space-8: 3rem;      /* 48 */
  --space-9: 4rem;      /* 64 */
  --space-10: 5rem;     /* 80 */

  --section-pad: clamp(4.25rem, 3rem + 5.2vw, 7.5rem);   /* вертикальный ритм секций */
  --container: 72.5rem;                                  /* 1160px */
  --gutter: clamp(1.25rem, 0.55rem + 3vw, 2.5rem);       /* 20 → 40 */

  /* ---------- Форма ---------- */
  --radius-s: 0.625rem;   /* 10 */
  --radius-m: 1rem;       /* 16 */
  --radius-l: 1.5rem;     /* 24 */
  --radius-pill: 999px;

  --shadow-soft: 0 24px 48px -28px rgba(45, 48, 50, .28);
  --shadow-lift: 0 12px 28px -16px rgba(45, 48, 50, .22);

  /* ---------- Движение ---------- */
  --ease: cubic-bezier(.25, .1, .25, 1);
  --t-fast: 160ms;
  --t-med: 280ms;
}