/* Дизайн-токены «Экономика команды». Источник: стайлгайд Claude Design v0.1 + макеты R1.
   Правило: в шаблонах и CSS — только var(--…) отсюда; литералы цветов/отступов запрещены. */
:root {
  /* Фон и поверхности */
  --bg: #F6F2EA;            /* тёплая бумага — фон страницы */
  --surface: #FFFDF8;       /* карточки, таблицы, поля */
  --nav-bg: #FBF8F2;        /* левая навигация, групповые строки-подложки */
  --sunken: #EFEAE0;        /* шапка таблицы, утопленные блоки, наведение */
  --row-group: #F3EEE5;     /* строка-группа в таблице */
  --scrim: rgba(37, 34, 29, 0.28); /* затемнение под боковой панелью */

  /* Линии */
  --line: #E5DED1;          /* разделители, бордеры карточек */
  --line-strong: #D2C9B8;   /* бордеры полей и второстепенных кнопок, низ шапки таблицы */

  /* Текст */
  --ink: #25221D;
  --ink-2: #5C564C;         /* вторичный */
  --ink-3: #736B5E;         /* третичный, подписи */
  --ink-disabled: #A69D8D;

  /* Зелёный — действие и рост */
  --green-300: #9CC3A8;     /* текущий шаг в полосе шагов месяца */
  --green-600: #3D7355;     /* основная кнопка, акцент */
  --green-700: #33634A;     /* наведение */
  --green-800: #2A533D;     /* нажатие */
  --green-ink: #2C5A40;     /* зелёный текст */
  --green-soft: #E4EDDF;    /* активный пункт меню, бейдж «пирог» */
  --green-tint: #EEF3E8;    /* строка итогов */
  --green-wash: #F1F5EC;    /* акцентная KPI-карточка, полоса «новые строки» */
  --green-line: #CFDCC6;    /* бордеры на зелёном */
  --draft-row: #F7FAF3;     /* строка-черновик (+ inset 3px var(--green-600) слева) */
  --success-ink: #2C6B45;   /* «+» в изменениях */

  /* Янтарный — «проверь / временное / ждём» */
  --warning-500: #C98A1B;   /* точка, рамка поля с предупреждением */
  --warning-ink: #8A5300;
  --warning-soft: #FAEDD3;  /* бейдж */
  --warning-tint: #FBF1DC;  /* карточка-предупреждение */
  --warning-line: #E8C98B;
  --warning-field: #FFFBF2; /* фон поля с предупреждением */

  /* Красный — только нехватка денег и ошибки */
  --danger-600: #BF3B2F;    /* сплошной: опасная кнопка */
  --danger-ink: #A8322A;
  --danger-soft: #F9E4DF;
  --danger-line: #EDB9AF;    /* бордер аларма нехватки */

  /* Синий — «особый режим» (ИС, расчётная статья, инфо) */
  --info-ink: #2E5B85;
  --info-soft: #E2EBF3;

  /* Типографика */
  --font-ui: 'Manrope', system-ui, sans-serif;               /* интерфейс, таблицы; всегда tabular-nums */
  --font-num: 'Source Serif 4', Georgia, serif;              /* только крупные KPI и итоги */
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;    /* формулы, служебное */

  /* Отступы — шаг 4 px */
  --sp-half: 2px; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  /* промежуточные шаги (плотные панели S3): 1 px — шов между ячейками, ½-шаги — 6/10/18/22 px */
  --sp-px: 1px; --sp-th: 3px; --sp-1h: 6px; --sp-2h: 10px; --sp-4h: 18px; --sp-5h: 22px;
  --sp-7: 28px;

  /* Радиусы */
  --r-checkbox: 4px;
  --r-badge: 6px;
  --r-control: 8px;         /* кнопка, поле */
  --r-card: 12px;           /* KPI, карточки, таблицы, поповеры */
  --r-tile: 10px;           /* плашки состояния и карточки ленты внутри боковой панели */
  --r-panel: 16px;          /* модалки */
  --r-pill: 999px;          /* чипы фильтров */
  --r-alert: 20px;          /* аларм нехватки денег */

  /* Высоты контролов */
  --h-sm: 28px;             /* кнопки в строках, шаблоны */
  --h-chip: 30px;           /* чипы фильтров */
  --h-md: 36px;             /* поля в таблицах и панелях */
  --h-lg: 40px;             /* кнопки и степпер в шапке страницы, поля форм */
  --row-h: 44px;            /* строка таблицы (компактно — 36px) */

  /* Тени: по умолчанию плоско, только бордер */
  --shadow-1: 0 1px 2px rgba(37, 34, 29, 0.06);              /* наведение на карточку */
  --shadow-2: 0 6px 16px rgba(37, 34, 29, 0.08);             /* поповеры, липкая панель сохранения (вверх: 0 -6px 16px) */
  --shadow-3: -16px 0 40px rgba(37, 34, 29, 0.16);           /* боковая панель */
  --shadow-up: 0 -6px 16px rgba(37, 34, 29, 0.08);           /* липкая панель сохранения (над ней таблица) */
  --shadow-modal: 0 24px 56px -12px rgba(40, 30, 15, 0.35);  /* модалка подтверждения */
  --shadow-popover: 0 8px 24px -6px rgba(70, 52, 24, 0.16);   /* поповеры: дата, месяц, список (стайлгайд v0.1) */
  --focus-ring: 0 0 0 3px rgba(61, 115, 85, 0.30);
  --focus-ring-field: 0 0 0 3px rgba(61, 115, 85, 0.16);       /* фокус полей ввода (стайлгайд v0.1; у кнопок — --focus-ring) */

  /* Сетка */
  --nav-w: 248px;
  --nav-w-collapsed: 64px;  /* режим массового ввода */
  --page-pad: 40px;         /* поля main: 40 40 48 */
  --page-gap: 24px;
  --panel-w: 640px;         /* карточка сотрудника; форма события — 760px */
  --panel-w-wide: 760px;    /* форма «Новое событие» */
  --table-min-w: 880px;     /* минимальная ширина таблицы: уже — горизонтальная прокрутка */
}