/* KM Status — токены дизайна. Единственное место, где заданы цвета, отступы,
   радиусы, тени, шрифты и размеры оболочки. Тёмная тема переопределяет
   только токены. */
:root {
  color-scheme: light;

  /* Поверхности и линии */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f2f4f7;
  --surface-raised: #ffffff;
  --surface-selected: #ebf1ff;
  --line: #e4e7ec;
  --line-strong: #cbd2dc;

  /* Текст */
  --fg: #111827;
  --fg-muted: #5b6472;
  --fg-faint: #8a94a3;
  --on-accent: #ffffff;

  /* Акцент */
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-active: #1e40af;
  --accent-soft: #ebf1ff;
  --accent-ink: #1e40af;
  --focus: #93b4ff;

  /* Семантика: текст / мягкий фон / линия */
  --ok: #15803d;    --ok-soft: #e7f6ec;    --ok-line: #a7ddb8;
  --wait: #9a5b00;  --wait-soft: #fff4d6;  --wait-line: #f0cf7a;
  --bad: #b42318;   --bad-soft: #fdecea;   --bad-line: #f3b4ad;
  --info: #1d4ed8;  --info-soft: #ebf1ff;  --info-line: #b9ceff;

  /* Статусы кодов: Эмитирован серый, Нанесён синий, В обороте зелёный, Выбыл красный */
  --st-emitted: #4b5563;     --st-emitted-soft: #eef1f5;
  --st-applied: #1d4ed8;     --st-applied-soft: #e6eeff;
  --st-introduced: #15803d;  --st-introduced-soft: #e7f6ec;
  --st-retired: #b42318;     --st-retired-soft: #fdecea;

  /* Геометрия */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgb(16 24 40 / 6%);
  --sh-2: 0 4px 12px rgb(16 24 40 / 8%), 0 1px 2px rgb(16 24 40 / 6%);
  --sh-3: 0 12px 32px rgb(16 24 40 / 16%), 0 2px 6px rgb(16 24 40 / 8%);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 48px;

  /* Шрифт: системный стек, база 16 px */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;

  /* Оболочка */
  --sidebar-w: 236px;
  --sidebar-w-min: 64px;
  --topbar-h: 56px;
  --bottombar-h: 60px;
  --content-max: 1200px;
  --content-max-wide: 1560px;
  --tap: 44px;

  /* Слои */
  --z-sticky: 10;
  --z-bar: 20;
  --z-shell: 30;
  --z-menu: 40;
  --z-skip: 100;

  /* Движение */
  --dur: 120ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #0f141b;
    --surface: #161c25;
    --surface-2: #1c2430;
    --surface-raised: #1c2430;
    --surface-selected: #1b2b4b;
    --line: #273140;
    --line-strong: #3a4656;
    --fg: #e8edf3;
    --fg-muted: #9aa6b5;
    --fg-faint: #6f7b8b;
    --on-accent: #0b1a3a;
    --accent: #7aa7ff;
    --accent-hover: #93b8ff;
    --accent-active: #afc9ff;
    --accent-soft: #1b2b4b;
    --accent-ink: #bfd3ff;
    --focus: #5b8cff;
    --ok: #6bd39a;    --ok-soft: #14301f;    --ok-line: #24573a;
    --wait: #f3c860;  --wait-soft: #3a2d0e;  --wait-line: #6a5420;
    --bad: #ff958c;   --bad-soft: #43201e;   --bad-line: #73342f;
    --info: #9dbbff;  --info-soft: #1b2b4b;  --info-line: #2f4a80;
    --st-emitted: #b8c2cf;     --st-emitted-soft: #232c38;
    --st-applied: #9dbbff;     --st-applied-soft: #1b2b4b;
    --st-introduced: #6bd39a;  --st-introduced-soft: #14301f;
    --st-retired: #ff958c;     --st-retired-soft: #43201e;
    --sh-1: 0 1px 2px rgb(0 0 0 / 40%);
    --sh-2: 0 4px 12px rgb(0 0 0 / 45%), 0 1px 2px rgb(0 0 0 / 40%);
    --sh-3: 0 12px 32px rgb(0 0 0 / 55%), 0 2px 6px rgb(0 0 0 / 40%);
  }
}