/* ============================================================================
   Дизайн-токены K&N Elite.

   Значения перенесены из кликабельного прототипа (prototype/assets/css/styles.css)
   один в один: прототип утверждён заказчиком как эталон внешнего вида, и ERP
   обязана выглядеть так же. Имена те же, но с префиксом --kn-: токены живут
   в общем пакете и попадают в приложения вместе с чужими стилями, где короткое
   --paper однажды столкнётся с одноимённым токеном другой библиотеки.

   Это единственное место, где хранятся сами значения. TypeScript-сторона
   (tokens.ts) знает только имена; тест сверяет два списка и падает, если
   токен добавили в одном месте и забыли в другом.
   ========================================================================= */
:root {
  /* Поверхности */
  --kn-paper: #f4efe3; /* фон приложения */
  --kn-paper-2: #efe9da; /* фон глубже */
  --kn-surface: #fffcf7; /* карточки */
  --kn-surface-2: #faf6ec; /* лёгкое поднятие / наведение */
  --kn-surface-3: #f5eed9; /* золотой оттенок (заметки, работа) */

  /* Текст */
  --kn-ink: #1a1714; /* основной текст и тёмные плоскости */
  --kn-ink-soft: #4c453b; /* вторичный текст */
  --kn-muted: #8c8474; /* третичный текст, подписи */
  --kn-faint: #b3ab99; /* выключенное, подсказки в полях */

  /* Линии */
  --kn-line: #e8e0cf; /* границы и разделители */
  --kn-line-2: #ded5c0; /* граница заметнее */

  /* Золото — фирменный акцент */
  --kn-gold: #c9a961;
  --kn-gold-2: #bd9a4e; /* наведение / глубже */
  --kn-gold-deep: #97793a; /* золотой текст на светлом */
  --kn-gold-pale: #f5eed9;
  --kn-gold-line: #e4d2a6;

  /* Смысловые цвета */
  --kn-green: #4f7e5e;
  --kn-green-deep: #3a5446;
  --kn-green-pale: #e4eadf;
  --kn-red: #bc5e3c;
  --kn-red-deep: #9a4439;
  --kn-red-pale: #f4e4e0;
  --kn-slate: #61708a;
  --kn-slate-pale: #e3e7ee;
  --kn-tan: #9a7e4e;
  --kn-tan-pale: #efe2c6;

  /* Скругления */
  --kn-r-xs: 8px;
  --kn-r-sm: 10px;
  --kn-r-md: 14px;
  --kn-r-lg: 18px;
  --kn-r-xl: 24px;
  --kn-r-pill: 999px;

  /* Тени — мягкие и тёплые */
  --kn-sh-xs: 0 1px 2px rgba(40, 30, 12, 0.04);
  --kn-sh-sm: 0 2px 8px rgba(60, 44, 16, 0.05), 0 1px 2px rgba(60, 44, 16, 0.04);
  --kn-sh-md: 0 8px 24px rgba(60, 44, 16, 0.07), 0 2px 6px rgba(60, 44, 16, 0.05);
  --kn-sh-lg: 0 24px 60px rgba(40, 28, 8, 0.16), 0 8px 20px rgba(40, 28, 8, 0.1);
  --kn-sh-gold: 0 8px 22px rgba(201, 169, 97, 0.32);

  /* Движение */
  --kn-ease: cubic-bezier(0.22, 1, 0.36, 1); /* появление */
  --kn-ease-soft: cubic-bezier(0.16, 1, 0.3, 1); /* мягкая посадка */
  --kn-ease-io: cubic-bezier(0.65, 0, 0.35, 1); /* симметричная */
  --kn-spring: cubic-bezier(0.34, 1.4, 0.5, 1); /* с лёгким перелётом */
  --kn-t-fast: 0.16s;
  --kn-t-base: 0.28s;
  --kn-t-slow: 0.5s;

  /* Типографика. Сами файлы шрифтов подключает приложение и объявляет
     `--kn-font-*-face` (в ERP это next/font: шрифты скачиваются при сборке
     и раздаются с нашего домена). Здесь — только порядок семейств, поэтому
     приложение без подключённых шрифтов покажет системный запасной вариант,
     а не сломанную вёрстку. */
  --kn-font-sans:
    var(--kn-font-sans-face, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    sans-serif;
  --kn-font-serif: var(--kn-font-serif-face, 'Cormorant Garamond'), Georgia, serif;
  --kn-font-mono: var(--kn-font-mono-face, 'JetBrains Mono'), ui-monospace, monospace;

  /* Раскладка */
  --kn-sidebar-w: 266px;
}