/* ============================================================
   Khan SAT-1600 · Единый источник токенов
   Author: Xudoyorxon Bunyodov / Худоёрхон Бунёдов

   В проекте жили три системы переменных: зелёный из styles.css,
   ds-* из дизайн-системы и свои значения в ext.css. Одно и то же
   значение приходилось править в трёх местах, и они разъезжались.

   Здесь один набор значений, а старые имена превращены в ссылки на
   него. Существующие файлы менять не нужно: они продолжают читать
   свои переменные, но получают одно и то же значение.

   Подключается ПЕРВЫМ, до остальных таблиц стилей.
   ============================================================ */

:root {
  /* ---- фирменные цвета ---- */
  --k-green: #1B5E20;
  --k-green-600: #2E7D32;
  --k-green-900: #0E3D14;
  --k-gold: #C9A227;
  --k-gold-soft: #FAEFD2;
  --k-ink: #1B2A21;
  --k-paper: #FFFFFF;
  --k-bg: #F4F7F3;
  --k-line: #DCE5DC;
  --k-danger: #B71C1C;
  --k-warn: #F57C00;
  --k-ok: #2E7D32;

  /* ---- ступени наложения: одно место вместо чисел вразнобой ---- */
  --z-base: 1;
  --z-sticky: 50;      /* шапка */
  --z-menu: 90;        /* выпадающее меню «Ещё» */
  --z-nav: 120;        /* нижнее меню и плавающие кнопки */
  --z-modal: 300;      /* модальные окна и просмотр ключей */
  --z-toast: 400;      /* всплывающие сообщения */

  /* ---- единые точки перелома вёрстки ---- */
  --bp-phone: 620px;
  --bp-tablet: 820px;
  --bp-desktop: 1100px;

  /* ---- размеры и скругления ---- */
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 14px;
  --shadow-1: 0 2px 8px rgba(14, 61, 20, .08);
  --shadow-2: 0 14px 40px rgba(14, 61, 20, .18);
}

/* Старые имена переменных остаются рабочими и указывают сюда же */
:root {
  --green: var(--k-green);
  --green-600: var(--k-green-600);
  --green-900: var(--k-green-900);
  --gold: var(--k-gold);
  --ink: var(--k-ink);
  --paper: var(--k-paper);
  --bg: var(--k-bg);
  --line: var(--k-line);

  --ds-green: var(--k-green);
  --ds-gold: var(--k-gold);
  --ds-ink: var(--k-ink);
  --ds-paper: var(--k-paper);
  --ds-line: var(--k-line);
  --ds-radius: var(--r-md);
  --ds-shadow: var(--shadow-1);
}

/* Тёмная тема переопределяет только базовые значения */
[data-theme="dark"] {
  --k-ink: #E4EFE6;
  --k-paper: #16211A;
  --k-bg: #0E1712;
  --k-line: #2A3A2E;
}