/* Kizzy Codes · токены дизайн-системы «Честных Партнёров»
   Источник: honestpartners.ru (палитра, шрифты, радиусы) + логотип design/assets/logo-original.jpg
   Обновлено: 2026-09-05. Правила использования — design/ui-kit.md */

:root {
  color-scheme: light;

  /* Поверхности */
  --paper: #F5F3EE;          /* фон страницы, «бумага» с сайта */
  --surface: #FFFFFF;        /* карточки, таблицы, модалки */
  --surface-2: #FAF8F2;      /* вложенные блоки, hover строк */
  --surface-dark: #0A0A0A;   /* чёрные блоки: сайдбар, главный алерт, «как это работает» */
  --surface-dark-2: #171717; /* активный пункт на чёрном, вложенный блок на чёрном */
  --line: #E6E2D7;           /* границы, разделители */
  --line-2: #D6D1C2;         /* границы полей, нейтральные столбики графика */
  --line-dark: #2A2A27;      /* разделители на чёрном */
  --grid: #EDE8DA;           /* фоновая сетка 64px, только на пустых экранах */

  /* Текст */
  --ink: #0A0A0A;
  --ink-2: #4B4A45;
  --ink-3: #6B6B66;
  --ink-on-dark: #F5F3EE;
  --ink-on-dark-2: #B8B5AA;

  /* Бренд. Жёлтый — только действие: главная кнопка, бейдж «требует внимания», активная иконка */
  --yellow: #FFD60A;
  --yellow-hover: #E5BC00;
  --yellow-soft: #FFF8CC;
  --on-yellow: #0A0A0A;

  /* Семантика состояний. Это не акцент, жёлтым статусы не красим */
  --ok: #1F7A4D;    --ok-soft: #E1F1E7;
  --warn: #7A5C00;  --warn-soft: #FFF1B8;
  --crit: #B9372E;  --crit-soft: #F9E3E0;
  --info: #2B5278;  --info-soft: #E3EBF2;

  /* Форма */
  --r-card: 20px;   /* карточки, модалки, чёрные панели */
  --r-ctl: 12px;    /* поля, пункты меню, вложенные блоки */
  --r-pill: 999px;  /* кнопки, чипы, бейджи, фильтры */
  --shadow-pop: 0 16px 48px rgba(10, 10, 10, .18);

  /* Отступы. Один шаг между блоками одного цвета, не два */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* Шрифты. Все три есть на Google Fonts с кириллицей */
  --f-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}

/* Тёмная тема: бумага становится чёрной, жёлтый и семантика те же по смыслу */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0A0A0A; --surface: #171717; --surface-2: #1F1F1E;
    --surface-dark: #0A0A0A; --surface-dark-2: #1F1F1E;
    --line: #2A2A27; --line-2: #3A3A36; --line-dark: #2A2A27; --grid: #1A1A18;
    --ink: #F5F3EE; --ink-2: #C9C5BA; --ink-3: #8F8C82;
    --yellow-soft: #33290A;
    --ok: #4EC08A; --ok-soft: #12301F;
    --warn: #E5BC00; --warn-soft: #33290A;
    --crit: #F07B6C; --crit-soft: #3D1712;
    --info: #8FB4D8; --info-soft: #16283A;
    --shadow-pop: 0 16px 48px rgba(0, 0, 0, .6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0A0A0A; --surface: #171717; --surface-2: #1F1F1E;
  --surface-dark: #0A0A0A; --surface-dark-2: #1F1F1E;
  --line: #2A2A27; --line-2: #3A3A36; --line-dark: #2A2A27; --grid: #1A1A18;
  --ink: #F5F3EE; --ink-2: #C9C5BA; --ink-3: #8F8C82;
  --yellow-soft: #33290A;
  --ok: #4EC08A; --ok-soft: #12301F;
  --warn: #E5BC00; --warn-soft: #33290A;
  --crit: #F07B6C; --crit-soft: #3D1712;
  --info: #8FB4D8; --info-soft: #16283A;
  --shadow-pop: 0 16px 48px rgba(0, 0, 0, .6);
}