:root {
  /* Палитра по референсам клиента от 08.08.2026.
     Акцент 29.08.2026 переведён с оранжевого на пыльный персик, а затем на
     шампань — оба раза решение клиента по макетам. Заменён только акцент:
     фон, панели, текст, заголовки, шрифты и геометрия те же.
     Подробности и таблица замен — в DESIGN_SYSTEM.md. */
  --brand-black: #070706;
  --brand-ink: #0B0A09;
  --brand-panel: #11100F;
  --brand-charcoal: #171513;
  --brand-copper: #A37B41;
  --brand-accent: #C79A57;
  --brand-accent-hover: #D6AC6E;
  --brand-amber: #C9B48F;
  --brand-ivory: #E8DED0;
  --brand-white: #F5F0E9;
  --brand-pure-white: #FFFFFF;
  --brand-muted: #9A8D81;
  --brand-line: #29241C;
  --brand-success: #6E8B69;
  /* Состояние ошибки. Отдельный цвет, а не акцент: с оранжевым акцентом
     сообщение «не удалось отправить» читалось как тревога, а с персиком
     сравнялось с ним — разница цветов упала с 46 до 6 единиц, и ошибка
     стала выглядеть обычным оформлением. Значение взято из админки, где
     этим цветом уже показывается ошибка сохранения. */
  --brand-danger: #EC896B;
  --brand-danger-rgb: 236, 137, 107;

  /* Те же четыре цвета тройками чисел. Полупрозрачные подсветки, свечения
     и рамки собираются из них: rgba(var(--brand-accent-rgb), .22).
     До 29.08.2026 эти rgba были зашиты в пяти CSS-файлах, и смена акцента
     превращалась в раскопки по 106 местам.

     Запись через запятые выбрана намеренно. Ни color-mix(), ни короткая
     форма rgb(var(--x) / .22) не годятся: на старых телефонах, которых у
     покупателей дверей хватает, они молча дают прозрачный цвет — элемент
     не ломается заметно, а просто исчезает. */
  --brand-accent-rgb: 199, 154, 87;
  --brand-accent-hover-rgb: 214, 172, 110;
  --brand-copper-rgb: 163, 123, 65;
  --brand-amber-rgb: 201, 180, 143;

  --color-bg: var(--brand-black);
  --color-surface: var(--brand-ink);
  --color-panel: var(--brand-panel);
  --color-panel-2: var(--brand-charcoal);
  --color-accent: var(--brand-accent);
  --color-accent-soft: var(--brand-copper);
  --color-accent-hover: var(--brand-accent-hover);
  --color-text: var(--brand-ivory);
  --color-heading: var(--brand-white);
  --color-muted: var(--brand-muted);
  --color-border: var(--brand-line);

  /* Доступность 15.08.2026: границы интерактивных элементов и двухслойное кольцо фокуса.
     --color-border используется только для декоративных разделителей (контраст 1.21),
     поэтому поля ввода, чекбоксы и кнопки берут отдельный токен с контрастом от 3:1. */
  --brand-border-interactive: #7C6E58;
  --brand-focus-ring: #070706;
  --brand-focus-halo: #F5F0E9;

  --color-border-interactive: var(--brand-border-interactive);
  --color-focus-ring: var(--brand-focus-ring);
  --color-focus-halo: var(--brand-focus-halo);

  /* Гарнитуры 16.08.2026: Lora для заголовков, Golos Text для текста.
     Имена продублированы в `scripts/fetch-fonts.mjs` (GOOGLE_CSS и FAMILIES) —
     менять надо оба места сразу, иначе страницы попросят одно семейство,
     а файлы приедут от другого. */
  --font-display: Lora, Georgia, "Times New Roman", serif;
  --font-body: "Golos Text", "Segoe UI", Arial, sans-serif;

  /* Межстрочные интервалы заголовков вынесены в токены.
     У Cormorant Garamond маленькая строчная высота и длинные выносные, поэтому
     в вёрстке стояли значения 0.8–1.05. Lora выше: с теми же числами строки
     слипаются, а над «й» срезается кратка. Правится здесь, а не в 16 местах. */
  --lh-display-hero: 1.06;
  --lh-display: 1.08;
  --lh-display-card: 1.14;

  --container: 1360px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-deep: 0 30px 80px rgba(0, 0, 0, .48);
  --shadow-glow: 0 14px 42px rgba(var(--brand-accent-rgb), .22);
  --ease: cubic-bezier(.22, .8, .24, 1);
}