/* ==========================================================================================
   RU: Токены набора «Тёплый» (sites/warm). Файл собирает kits.py из kit.json — правьте kit.json
       и выполните `python3 kits.py sync`, иначе правка потеряется при следующей сборке. В проекте
       этот файл не правят: свои стили пишут в style.css на этих же переменных.
   EN: Tokens of the “warm” kit, generated from kit.json by kits.py (`python3 kits.py sync`).
       In a project, do not edit it: write your own styles in style.css using these variables.
   RU: Палитра подстроена под техзадание; контраст доведён до WCAG AA:
       • Из техзадания: фон страницы #ffffff, акцент: кнопки, выделение #8b4513, второй акцент: ссылки, надзаголовки, цифры #f5deb3.
       • Цвет «accent_2» #f5deb3 → #9a6b14: на «bg» (#ffffff) контраст был 1,31:1, стал 4,68:1 (нужно 4,50:1).
       • Из техзадания (тёмная тема): акцент: кнопки, выделение #8b4513, второй акцент: ссылки, надзаголовки, цифры #f5deb3.
       • Текст на кнопке (тёмная тема) #1f1510 → #ffffff: на акценте #8b4513 он читается лучше (7,10:1).
   EN: Palette tuned to the brief; contrast raised to WCAG AA where needed (see above).
   ========================================================================================== */
:root {
  color-scheme: light dark;
  /* RU: Палитра по ролям — одинаковым во всех наборах; kit.css ссылается только на них.
     EN: Role-based palette, identical across kits; kit.css references only these. */
  --k-bg: #ffffff;   /* фон страницы */
  --k-surface: #ffffff;   /* поверхность: карточки, панели, поля */
  --k-text: #3b2417;   /* основной текст */
  --k-muted: #726158;   /* вторичный текст: подписи, пояснения */
  --k-accent: #8b4513;   /* акцент: кнопки, выделение */
  --k-on-accent: #ffffff;   /* текст на акценте */
  --k-accent-2: #9a6b14;   /* второй акцент: ссылки, надзаголовки, цифры */
  --k-success: #1b7a3e;   /* успех */
  --k-warning: #8a5300;   /* внимание */
  --k-danger: #b3261e;   /* ошибка */
  --k-line: #e7e5e3;
  --k-line-strong: #bcb5b0;
  --k-tint: #f3ece7;
  /* RU: Шрифты — только системные с кириллицей: внешние шрифты на сервере проверки не загрузятся.
     EN: System fonts with Cyrillic only: external fonts would not load on the checking server. */
  --k-font-display: "Superclarendon", "Rockwell", "PT Serif", "Noto Serif", Georgia, serif;
  --k-font-body: "Avenir Next", "Trebuchet MS", "Segoe UI", "Noto Sans", sans-serif;
  --k-font-mono: ui-monospace, Menlo, Consolas, monospace;
  --k-font-hand: "Avenir Next", "Trebuchet MS", "Segoe UI", "Noto Sans", sans-serif;
  /* RU: Шкала текста: база, межстрочный, характер заголовков. / EN: Type scale and heading character. */
  --k-text-base: 17px;
  --k-leading: 1.65;
  --k-display-weight: 700;
  --k-display-tracking: -0.01em;
  --k-display-case: none;
  --k-h1: clamp(40px, 5.8vw, 76px);
  --k-h2: clamp(30px, 3.8vw, 48px);
  --k-h3: clamp(20px, 1.7vw, 23px);
  /* RU: Радиусы: карточки, кнопки, мелкие элементы. / EN: Radii: cards, buttons, small parts. */
  --k-radius: 22px;
  --k-radius-btn: 999px;
  --k-radius-sm: 14px;
  /* RU: Тени: обычная (карточки) и крупная (всплывающее). / EN: Shadows: regular and raised. */
  --k-shadow: 0 12px 30px rgba(120, 60, 20, .10);
  --k-shadow-lg: 0 28px 60px -12px rgba(120, 60, 20, .22);
  /* RU: Отступы — шкала дизайн-системы панели 4-8-12-16-24-32 и крупные шаги для секций.
     EN: Spacing — the panel design-system scale 4-8-12-16-24-32 plus large steps for sections. */
  --k-space-1: 4px;
  --k-space-2: 8px;
  --k-space-3: 12px;
  --k-space-4: 16px;
  --k-space-5: 24px;
  --k-space-6: 32px;
  --k-space-7: 48px;
  --k-space-8: 64px;
  --k-space-9: 96px;
  --k-section: clamp(72px, 10vw, 128px);
  --k-gutter: clamp(16px, 4vw, 40px);
  --k-max: 1200px;
  /* RU: Движение: одна кривая и длительность на весь набор. / EN: One easing and duration per kit. */
  --k-ease: cubic-bezier(.2, .7, .2, 1);
  --k-dur: 200ms;
}

/* RU: Тёмная тема: по настройке системы, если на <html> не выбрана светлая явно.
   EN: Dark theme: follows the OS unless <html data-theme="light"> forces light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --k-bg: #1f1510;   /* фон страницы */
    --k-surface: #2a1d16;   /* поверхность: карточки, панели, поля */
    --k-text: #f8ebdf;   /* основной текст */
    --k-muted: #cdb4a1;   /* вторичный текст: подписи, пояснения */
    --k-accent: #8b4513;   /* акцент: кнопки, выделение */
    --k-on-accent: #ffffff;   /* текст на акценте */
    --k-accent-2: #f5deb3;   /* второй акцент: ссылки, надзаголовки, цифры */
    --k-success: #6fd39a;   /* успех */
    --k-warning: #f2c14e;   /* внимание */
    --k-danger: #ff8a80;   /* ошибка */
    --k-line: #392f29;
    --k-line-strong: #695e56;
    --k-tint: #2a1a10;
    --k-shadow: 0 12px 30px rgba(0, 0, 0, .35);
    --k-shadow-lg: 0 28px 60px -12px rgba(0, 0, 0, .55);
  }
}

/* RU: Принудительно тёмная тема — переключатель на сайте ставит data-theme="dark".
   EN: Forced dark theme — a site switch sets data-theme="dark". */
:root[data-theme="dark"] {
  color-scheme: dark;
  --k-bg: #1f1510;   /* фон страницы */
  --k-surface: #2a1d16;   /* поверхность: карточки, панели, поля */
  --k-text: #f8ebdf;   /* основной текст */
  --k-muted: #cdb4a1;   /* вторичный текст: подписи, пояснения */
  --k-accent: #8b4513;   /* акцент: кнопки, выделение */
  --k-on-accent: #ffffff;   /* текст на акценте */
  --k-accent-2: #f5deb3;   /* второй акцент: ссылки, надзаголовки, цифры */
  --k-success: #6fd39a;   /* успех */
  --k-warning: #f2c14e;   /* внимание */
  --k-danger: #ff8a80;   /* ошибка */
  --k-line: #392f29;
  --k-line-strong: #695e56;
  --k-tint: #2a1a10;
  --k-shadow: 0 12px 30px rgba(0, 0, 0, .35);
  --k-shadow-lg: 0 28px 60px -12px rgba(0, 0, 0, .55);
}