/* ТФ-панели. Дизайн А, «Вечерний фасад», утверждён 27.09.2026.
   Тёмная база, один тёплый акцент. Все стили варианта пишутся через эти переменные. */

@font-face {
  font-family: 'Wix Madefor Display';
  src: url('../fonts/wixdisplay-cyrillic.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Wix Madefor Display';
  src: url('../fonts/wixdisplay-latin.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212, U+2215;
}
@font-face {
  font-family: 'Wix Madefor Text';
  src: url('../fonts/wixtext-cyrillic.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Wix Madefor Text';
  src: url('../fonts/wixtext-latin.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2212, U+2215;
}

:root {
  color-scheme: dark;         /* полосы прокрутки и галочки браузер рисует тёмными */

  /* Цвет */
  --c-bg: #0e1012;            /* фон страницы, графит */
  --c-bg-raised: #171a1e;     /* карточки и шапка при прокрутке */
  --c-bg-soft: #1f2328;       /* плашки свойств, поля */
  --c-line: #2c3137;          /* разделители */
  --c-field-line: #6b7077;    /* рамка полей формы, 3:1 к фону: поле видно */
  --c-text: #f3f1ec;          /* основной текст, 17:1 к фону */
  --c-text-muted: #a7abb0;    /* вторичный текст, 8:1 к фону */
  --c-accent: #ff7a2e;        /* единственный акцент: тепло. 7.3:1 к фону */
  --c-accent-hover: #ff9152;
  --c-accent-ink: #1a0f08;    /* текст на акценте, 7.3:1 */
  --c-accent-glow: rgba(255, 122, 46, 0.22);
  --c-photo-shade: rgba(10, 11, 12, 0.92);
  --c-error: #ff7b70;          /* ошибки формы, 7:1 к фону карточки */
  --c-ok: #6fd69a;             /* успешная отправка */
  --c-backdrop: rgba(5, 6, 7, 0.86);  /* затемнение под окнами заявки и просмотра */
  --c-shadow: rgba(0, 0, 0, 0.45);     /* тень плашки поверх страницы */
  --c-video: #000;             /* фон плеера, пока видео грузится */

  /* Шрифты */
  --f-display: 'Wix Madefor Display', 'Segoe UI', system-ui, sans-serif;
  --f-text: 'Wix Madefor Text', 'Segoe UI', system-ui, sans-serif;

  /* Шкала кеглей, отношение ~1.25 */
  --fs-hero: clamp(2.3rem, 1.3rem + 3.6vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.8vw, 3.5rem); /* на 320px «ХАРАКТЕРИСТИКИ» капсом ещё помещается */
  --fs-h3: clamp(1.3rem, 1.1rem + 0.7vw, 1.75rem);
  --fs-num: clamp(1.75rem, 1.3rem + 1.4vw, 2.6rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.8125rem;

  --lh-tight: 1.02;
  --lh-head: 1.1;
  --lh-text: 1.55;
  --tr-hero: -0.025em;
  --tr-caps: 0.06em;

  /* Отступы */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --section-space: clamp(4.5rem, 3rem + 5vw, 8rem);  /* одинаковый между всеми секциями */
  --gutter: clamp(16px, 4vw, 40px);
  --container: 1320px;
  --header-h: 72px;

  /* Радиусы */
  --r-s: 10px;
  --r-m: 14px;
  --r-l: 26px;
  --r-pill: 999px;

  /* Движение */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-s: 160ms;
  --dur-m: 320ms;
  --dur-l: 700ms;
}