/* ===========================================================
   Nota-bene — дизайн-токены
   Dark premium: «Obsidian Ledger» — глубокий тёплый антрацит,
   благородный светлый текст, приглушённое золото как единственный
   акцент (используется скупо: CTA, тонкие линии, лейблы).
   Контраст проверен расчётом (WCAG): все пары ≥ 5.4:1.
   =========================================================== */

:root {
  /* --- цвет --- */
  --ink: #f2ede2;
  --ink-soft: #cbc3b0;
  --muted: #9a9288;
  --paper: #141312;
  --paper-alt: #1a1815;
  --paper-raised: #201e19;
  --line: rgba(242, 237, 226, 0.08);
  --line-strong: rgba(242, 237, 226, 0.16);

  --navy: #0a0908;
  --navy-soft: #161412;
  --navy-ink: #f2ede2;
  --navy-line: rgba(242, 237, 226, 0.1);

  --accent: #c6a15b;
  --accent-hover: #d7b671;
  --accent-ink: #14120f;
  --accent-soft: rgba(198, 161, 91, 0.14);

  --success: #6fae86;
  --success-soft: rgba(111, 174, 134, 0.14);

  /* CRM-3: раньше это был захардкоженный цвет в паре мест (кнопка
     удаления FAQ и т.п., см. docs/architecture.md — "технический долг
     без видимых последствий"). Формализовано в токен здесь, потому что
     CRM-3 использует его уже в нескольких новых местах сразу (статусы
     "Отказ"/"Отменена", опасные действия в управлении сотрудниками) —
     держать токеном стало осмысленно. */
  --danger: #b5564a;
  --danger-hover: #c96658;
  --danger-ink: #f6ece9;
  --danger-soft: rgba(181, 86, 74, 0.16);

  --focus-ring: #c6a15b;

  /* Карточки партнёров (app/static/css/components.css,
     .partner-tile-real) — третья итерация после визуальной приёмки.
     Первая версия использовала тёплый --ink как подложку под каждым
     логотипом (слишком похоже на цвет бренда на такой площади), вторая
     заменила его на чисто серый --logo-backing (#c9c9c9) на весь тайл
     (владелец отметил: даже нейтральный серый прямоугольник в размер
     всей карточки визуально "выбивается" из тёмного сайта). Сейчас
     карточка сама тёмная (нейтральный графит, НЕ тёплый --paper-alt —
     сознательно чуть холоднее и темнее остальной палитры, чтобы сетка
     партнёров читалась как отдельная, спокойная зона, а не набор ярких
     плашек), а светлая подложка (--logo-chip-bg) — только компактная,
     под самим изображением логотипа, для тех конкретных партнёров, чьи
     логотипы иначе не читаются на тёмном (см. app/data/partner_logo_
     style.py — решение по каждому из 27 логотипов принято индивидуально
     и проверено расчётом контраста, а не одним фильтром на все). */
  --partner-card-bg: #1b1b1d;
  --partner-card-border: #303034;
  --partner-card-hover-bg: #242426;

  /* Компактная подложка под конкретным логотипом (не под всей
     карточкой) — для всех партнёров, не входящих в явный список
     DIRECT_ON_DARK_PARTNER_IDS в app/data/partner_logo_style.py (это и
     есть безопасное значение по умолчанию). Нейтральный серый, проверен
     по
     контрасту с самым тёмным элементом каждого такого логотипа
     (минимум ~5.2:1, обычно выше 9:1 — см. отчёт по этапу проверки) —
     единого значения оказалось достаточно для всех, подбор под каждый
     логотип отдельно не потребовался. */
  --logo-chip-bg: #b8b8ba;

  /* --- типографика --- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --text-eyebrow: 0.76rem;
  --text-small: 0.9rem;
  --text-body: 1.05rem;
  --text-body-lg: 1.22rem;
  --text-h4: 1.35rem;
  --text-h3: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  --text-h2: clamp(2rem, 1.4rem + 2.4vw, 2.9rem);
  --text-h1: clamp(2.5rem, 1.5rem + 3.8vw, 4.2rem);
  /* Заголовок страницы с вводным блоком («О компании», «Услуги», «Партнёры», «Модель работы»): компьютер 48-56px,
     планшет около 40px, телефон 32px. Крупный --text-h1 остаётся у первого экрана главной и у остальных страниц. */
  --text-page-title: clamp(2rem, 1.35rem + 2.6vw, 3.5rem);
  /* Второй уровень на тех же страницах (например «Прозрачные условия и предсказуемый результат»): 26-36px. */
  --text-page-h2: clamp(1.625rem, 1.15rem + 1.5vw, 2.25rem);
  /* Вводный абзац: 18-20px. */
  --text-page-lede: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);

  /* --- отступы (шкала 4px) --- */
  --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: 140px;

  /* --- закреплённая шапка и якоря ---
     --header-h — полная высота закреплённой шапки (76px содержимого + 1px нижняя линия). Её же использует
     .site-header .container (min-height), поэтому значение не может разойтись с реальной шапкой.
     --anchor-gap — воздух между низом шапки и началом блока, к которому ведёт ссылка-якорь
     (например, /contacts#application). Вместе они дают html { scroll-padding-top } в base.css. */
  --header-h: 77px;
  --anchor-gap: 20px;

  /* --- прочее --- */
  --radius: 3px;
  --radius-lg: 6px;
  --container-max: 1280px;
  /* Тонкая светлая подсветка сверху + мягкая тёмная тень снизу —
     на тёмном фоне это создаёт эффект «поднятой» поверхности лучше,
     чем обычная тень. */
  --shadow-card: inset 0 1px 0 rgba(242, 237, 226, 0.05), 0 20px 44px -24px rgba(0, 0, 0, 0.7);
  --transition: 160ms ease;
}