/* Live Chaos — canonical design tokens (Etap 3). Alias legacy --ds-* / --background-*. */
:root{
  --lc-bg-0:#050914;
  --lc-bg-1:#080E1A;
  --lc-bg-2:#0D1524;
  --lc-surface:#111B2D;
  --lc-surface-hover:#16233A;
  --lc-surface-2:#142038;
  --lc-border:rgba(120,145,190,.15);
  --lc-border-strong:rgba(120,145,190,.28);
  --lc-border-active:rgba(120,90,255,.60);
  --lc-primary:#7357FF;
  --lc-primary-hover:#846BFF;
  --lc-electric:#2F80FF;
  --lc-cyan:#27D7FF;
  --lc-success:#22D3A6;
  --lc-warning:#F7B955;
  --lc-danger:#FF557A;
  --lc-text:#F5F7FF;
  --lc-text-secondary:#9DA9BD;
  --lc-text-muted:#66738A;
  --lc-focus:rgba(115,87,255,.45);
  --lc-glow:0 10px 28px rgba(115,87,255,.22);
  --lc-radius-sm:8px;
  --lc-radius-md:10px;
  --lc-radius-lg:14px;
  --lc-radius-full:999px;
  --lc-space-1:4px;
  --lc-space-2:8px;
  --lc-space-3:12px;
  --lc-space-4:16px;
  --lc-space-5:20px;
  --lc-space-6:24px;
  --lc-space-8:32px;
  --lc-control-sm:32px;
  --lc-control:40px;
  --lc-control-lg:44px;
  --lc-sidebar:248px;
  --lc-sidebar-collapsed:76px;
  --lc-content-max:1760px;
  --lc-font-page:clamp(1.5rem,1.4vw,2rem);
  --lc-font-section:1.1875rem;
  --lc-font-card:1rem;
  --lc-font-body:.9375rem;
  --lc-font-secondary:.8125rem;
  --lc-font-caption:.75rem;
  --lc-font:Inter,"DM Sans",Segoe UI,Arial,sans-serif;
  --lc-font-mono:"SFMono-Regular",Consolas,monospace;
  --lc-motion-fast:140ms;
  --lc-motion:180ms;
  --lc-ease:cubic-bezier(.22,.8,.28,1);

  --background-primary:var(--lc-bg-0);
  --background-secondary:var(--lc-bg-1);
  --background-elevated:var(--lc-bg-2);
  --surface-primary:var(--lc-surface);
  --surface-secondary:var(--lc-surface-2);
  --surface-hover:var(--lc-surface-hover);
  --border-subtle:var(--lc-border);
  --border-default:var(--lc-border);
  --border-strong:var(--lc-border-strong);
  --border-active:var(--lc-border-active);
  --border-focus:var(--lc-border-active);
  --text-primary:var(--lc-text);
  --text-secondary:var(--lc-text-secondary);
  --text-muted:var(--lc-text-muted);
  --accent-primary:var(--lc-primary);
  --accent-secondary:var(--lc-electric);
  --accent-tertiary:var(--lc-cyan);
  --success:var(--lc-success);
  --warning:var(--lc-warning);
  --danger:var(--lc-danger);
  --info:var(--lc-cyan);
  --radius-sm:var(--lc-radius-sm);
  --radius-md:var(--lc-radius-md);
  --radius-lg:var(--lc-radius-lg);
  --radius-xl:var(--lc-radius-lg);
  --radius-full:var(--lc-radius-full);
  --control-height-sm:var(--lc-control-sm);
  --control-height-md:var(--lc-control);
  --control-height-lg:var(--lc-control-lg);
  --ds-control-h:var(--lc-control);
  --space-1:var(--lc-space-1);
  --space-2:var(--lc-space-2);
  --space-3:var(--lc-space-3);
  --space-4:var(--lc-space-4);
  --space-5:var(--lc-space-5);
  --space-6:var(--lc-space-6);
  --space-8:var(--lc-space-8);
  --font-size-xs:var(--lc-font-caption);
  --font-size-sm:var(--lc-font-secondary);
  --font-size-md:var(--lc-font-body);
  --font-size-lg:var(--lc-font-section);
  --font-size-xl:var(--lc-font-section);
  --font-size-2xl:var(--lc-font-page);
  --motion-fast:var(--lc-motion-fast);
  --motion-base:var(--lc-motion);
  --ease-out:var(--lc-ease);

  --ds-bg-app:var(--lc-bg-0);
  --ds-bg-sidebar:var(--lc-bg-1);
  --ds-surface-1:var(--lc-surface);
  --ds-surface-2:var(--lc-surface-2);
  --ds-surface-3:var(--lc-bg-2);
  --ds-surface-hover:var(--lc-surface-hover);
  --ds-surface-selected:rgba(115,87,255,.12);
  --ds-overlay:var(--lc-surface);
  --ds-border-subtle:var(--lc-border);
  --ds-border-default:var(--lc-border);
  --ds-border-strong:var(--lc-border-strong);
  --ds-text-primary:var(--lc-text);
  --ds-text-secondary:var(--lc-text-secondary);
  --ds-text-muted:var(--lc-text-muted);
  --ds-text-disabled:#4d5870;
  --ds-accent:var(--lc-primary);
  --ds-accent-hover:var(--lc-primary-hover);
  --ds-accent-active:#6246ee;
  --ds-accent-soft:rgba(115,87,255,.14);
  --ds-info:var(--lc-cyan);
  --ds-success:var(--lc-success);
  --ds-warning:var(--lc-warning);
  --ds-danger:var(--lc-danger);
  --ds-focus:var(--lc-cyan);
  --ds-space-1:var(--lc-space-1);
  --ds-space-2:var(--lc-space-2);
  --ds-space-3:var(--lc-space-3);
  --ds-space-4:var(--lc-space-4);
  --ds-space-5:var(--lc-space-5);
  --ds-space-6:var(--lc-space-6);
  --ds-space-8:var(--lc-space-8);
  --ds-radius-sm:var(--lc-radius-sm);
  --ds-radius-md:var(--lc-radius-md);
  --ds-radius-lg:var(--lc-radius-lg);
  --ds-radius-full:var(--lc-radius-full);
  --ds-font-sans:var(--lc-font);
  --ds-font-mono:var(--lc-font-mono);
  --ds-motion-fast:var(--lc-motion-fast);
  --ds-motion-base:var(--lc-motion);
  --ds-ease:var(--lc-ease);
  --ds-shadow-float:0 18px 48px rgba(0,0,0,.38);
}