/* Zakupnik LK design tokens (Phase 6 extract). Component rules stay in index.html. */
:root {
  --brand-ink: #0c1222;
  --brand-slate: #1e293b;
  --bg: #f3f5f9;
  --card: #fff;
  --line: #e2e8f0;
  --border: #e2e8f0;
  --accent: #146356;
  --accent-hover: #0f5248;
  --accent-bright: #1a7a6a;
  --accent-soft: #e8f5f2;
  --accent-soft-2: #d1ebe5;
  --accent-border: #7eb8ad;
  --accent-muted: rgba(20, 99, 86, 0.14);
  --accent-rgb: 20, 99, 86;
  --chip-bg: #f1f5f9;
  --chip-text: #475569;
  --chip-border: #e2e8f0;
  --badge-bg: var(--chip-bg);
  --badge-text: var(--chip-text);
  --badge-border: var(--chip-border);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --shell-max: 1520px;
  --duration-ui: 180ms;
  --ease-ui: cubic-bezier(0.22, 1, 0.36, 1);
  --font-display: "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-ui: "IBM Plex Sans", "SF Pro Text", system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text: #0f172a;
  --muted: #64748b;
  --good: #10b981;
  --warn: #f59e0b;
  --danger: #ef4444;
  --chart-bg: #0c1222;
  --chart-surface: rgba(15, 23, 42, 0.55);
  --chart-consider-top: #34d399;
  --chart-consider: #10b981;
  --chart-watch-top: #fbbf24;
  --chart-watch: #f59e0b;
  --chart-skip-top: #94a3b8;
  --chart-skip: #64748b;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 10px 28px rgba(15, 23, 42, .07);
  --shadow-lg: 0 24px 48px rgba(15, 23, 42, .14);
}