/* Токены дизайн-системы Кузни (тёмная тема) */
:root {
  color-scheme: dark;

  --kz-coal: #0d0b0a;
  --kz-sidebar: #110f0e;
  --kz-bg: #141211;
  --kz-panel: #181614;
  --kz-card: #1c1917;
  --kz-elevated: #25211e;
  --kz-border: #36302b;
  --kz-border-field: #4d453e;
  --kz-muted: #8f867c;
  --kz-secondary: #b8aea3;
  --kz-text: #f2ece5;

  --kz-fire: #ff6b1f;
  --kz-fire-hover: #ff8a45;
  --kz-fire-accent: #ff9a5c;
  --kz-fire-press: #e5520a;
  --kz-fire-deep: #d9281c;
  --kz-spark: #ffb547;
  --kz-focus: #ffd27a;
  --kz-btn-ink: #1a0b03;

  --kz-success: #46c28a;
  --kz-success-text: #6fd6a6;
  --kz-warn: #e6c34d;
  --kz-warn-text: #ebcb62;
  --kz-error: #ff5c70;
  --kz-error-text: #ff8a98;
  --kz-info: #6fa8ff;
  --kz-info-text: #8fbbff;

  --kz-grad-btn: linear-gradient(180deg, #ff8a45 0%, #ff6b1f 55%, #f2550f 100%);
  --kz-grad-heat: linear-gradient(90deg, #b3201a, #ff5a1a 70%, #ff8a45);
  --kz-grad-heat-full: linear-gradient(90deg, #b3201a, #ff5a1a 55%, #ffb547);
  --kz-grad-metal: linear-gradient(100deg, #ffc266, #ff6b1f 45%, #e5361a);
  --kz-shadow-btn: inset 0 1px 0 rgba(255, 220, 180, 0.45), 0 6px 20px -6px rgba(255, 107, 31, 0.7);
  --kz-shadow-heat: 0 0 12px rgba(255, 107, 31, 0.6);
  --kz-shadow-modal: 0 12px 32px -8px rgba(0, 0, 0, 0.6);
  --kz-glow-step: 0 0 0 4px rgba(255, 107, 31, 0.12), 0 0 32px -6px rgba(255, 107, 31, 0.45);

  --kz-space-1: 4px;
  --kz-space-2: 8px;
  --kz-space-3: 12px;
  --kz-space-4: 16px;
  --kz-space-5: 20px;
  --kz-space-6: 24px;
  --kz-space-8: 32px;
  --kz-space-12: 48px;
  --kz-space-24: 96px;

  --kz-radius-sm: 8px;
  --kz-radius-md: 12px;
  --kz-radius-lg: 16px;
  --kz-radius-pill: 999px;

  --kz-font-ui: "Onest", system-ui, sans-serif;
  --kz-font-display: "Unbounded", "Onest", system-ui, sans-serif;
  --kz-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --kz-sidebar-app: 248px;
  --kz-sidebar-admin: 232px;
  --kz-tap: 44px;
  --kz-btn-h: 48px;
}

html[data-variant="main"] {
  --kz-shell-bg: radial-gradient(ellipse at 12% -10%, rgba(255, 107, 31, 0.14), transparent 42%),
    radial-gradient(ellipse at 90% 0%, rgba(255, 181, 71, 0.06), transparent 35%),
    linear-gradient(180deg, #141211 0%, #0f0d0c 100%);
  --kz-shell-glow: 1;
}

html[data-variant="calm"] {
  --kz-shell-bg: #141211;
  --kz-shell-glow: 0;
}