/* ==========================================================================================
   RU: Токены набора «Минимализм» (sites/minimal). Файл собирает kits.py из kit.json — правьте kit.json
       и выполните `python3 kits.py sync`, иначе правка потеряется при следующей сборке. В проекте
       этот файл не правят: свои стили пишут в style.css на этих же переменных.
   EN: Tokens of the “minimal” 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, акцент: кнопки, выделение #00695c.
       • Из техзадания (тёмная тема): акцент: кнопки, выделение #00695c.
       • Текст на кнопке (тёмная тема) #111111 → #ffffff: на акценте #00695c он читается лучше (6,61:1).
       • Цвет «accent_2» (тёмная тема) #00695c → #008f7e: на «bg» (#111111) контраст был 2,86:1, стал 4,70:1 (нужно 4,50:1).
       • Цвет «accent_2» (тёмная тема) #008f7e → #009482: на «surface» (#1a1a1a) контраст был 4,33:1, стал 4,61:1 (нужно 4,50: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: #141414;   /* основной текст */
  --k-muted: #565656;   /* вторичный текст: подписи, пояснения */
  --k-accent: #004d40;   /* акцент: кнопки, выделение */
  --k-on-accent: #ffffff;   /* текст на акценте */
  --k-accent-2: #004d40;   /* второй акцент: ссылки, надзаголовки, цифры */
  --k-success: #1b7a3e;   /* успех */
  --k-warning: #8a5300;   /* внимание */
  --k-danger: #b3261e;   /* ошибка */
  --k-line: #e3e3e3;
  --k-line-strong: #afafaf;
  --k-tint: #f6f6f6;
  /* RU: Шрифты — только системные с кириллицей: внешние шрифты на сервере проверки не загрузятся.
     EN: System fonts with Cyrillic only: external fonts would not load on the checking server. */
  --k-font-display: "Avenir Next", "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --k-font-body: "Helvetica Neue", Helvetica, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  --k-font-mono: ui-monospace, Menlo, Consolas, monospace;
  --k-font-hand: "Helvetica Neue", Helvetica, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  /* RU: Шкала текста: база, межстрочный, характер заголовков. / EN: Type scale and heading character. */
  --k-text-base: 17px;
  --k-leading: 1.65;
  --k-display-weight: 500;
  --k-display-tracking: -0.03em;
  --k-display-case: none;
  --k-h1: clamp(42px, 6.6vw, 92px);
  --k-h2: clamp(30px, 4vw, 54px);
  --k-h3: clamp(19px, 1.6vw, 22px);
  /* RU: Радиусы: карточки, кнопки, мелкие элементы. / EN: Radii: cards, buttons, small parts. */
  --k-radius: 2px;
  --k-radius-btn: 0px;
  --k-radius-sm: 0px;
  /* RU: Тени: обычная (карточки) и крупная (всплывающее). / EN: Shadows: regular and raised. */
  --k-shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 12px 32px -12px rgba(20, 20, 20, .14);
  --k-shadow-lg: 0 30px 60px -24px rgba(20, 20, 20, .28);
  /* 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(80px, 11vw, 150px);
  --k-gutter: clamp(16px, 4vw, 40px);
  --k-max: 1240px;
  /* 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: #111111;   /* фон страницы */
    --k-surface: #1a1a1a;   /* поверхность: карточки, панели, поля */
    --k-text: #f2f2ef;   /* основной текст */
    --k-muted: #a6a6a1;   /* вторичный текст: подписи, пояснения */
    --k-accent: #004d40;   /* акцент: кнопки, выделение */
    --k-on-accent: #ffffff;   /* текст на акценте */
    --k-accent-2: #007a5c;   /* второй акцент: ссылки, надзаголовки, цифры */
    --k-success: #6fd39a;   /* успех */
    --k-warning: #f2c14e;   /* внимание */
    --k-danger: #ff8a80;   /* ошибка */
    --k-line: #2c2c2c;
    --k-line-strong: #5e5e5c;
    --k-tint: #1a1a1a;
    --k-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);
    --k-shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .7);
  }
}

/* RU: Принудительно тёмная тема — переключатель на сайте ставит data-theme="dark".
   EN: Forced dark theme — a site switch sets data-theme="dark". */
:root[data-theme="dark"] {
  color-scheme: dark;
  --k-bg: #111111;   /* фон страницы */
  --k-surface: #1a1a1a;   /* поверхность: карточки, панели, поля */
  --k-text: #f2f2ef;   /* основной текст */
  --k-muted: #a6a6a1;   /* вторичный текст: подписи, пояснения */
  --k-accent: #004d40;   /* акцент: кнопки, выделение */
  --k-on-accent: #ffffff;   /* текст на акценте */
  --k-accent-2: #007a5c;   /* второй акцент: ссылки, надзаголовки, цифры */
  --k-success: #6fd39a;   /* успех */
  --k-warning: #f2c14e;   /* внимание */
  --k-danger: #ff8a80;   /* ошибка */
  --k-line: #2c2c2c;
  --k-line-strong: #5e5e5c;
  --k-tint: #1a1a1a;
  --k-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);
  --k-shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, .7);
}