:root {
  --vz2-bg: var(--bg, #0f1115);
  --vz2-card: var(--card, #181b22);
  --vz2-card-2: var(--card-2, #1b1f27);
  --vz2-line: var(--line, #272b35);
  --vz2-txt: var(--txt, #e6e8ee);
  --vz2-muted: var(--muted, #9aa3b2);
  --vz2-accent: var(--accent, #3b82f6);
  --vz2-accent-700: var(--accent-700, #2563eb);
  --vz2-ok: var(--ok, #22c55e);
  --vz2-warn: var(--warn, #f59e0b);
  --vz2-bad: var(--bad, #ef4444);
  --vz2-surface-0: #0f1115;
  --vz2-surface-1: #151922;
  --vz2-surface-2: #1b202b;
  --vz2-surface-3: #222937;
  --vz2-surface-4: #293244;
  --vz2-surface-5: #303b51;
  --vz2-surface-6: #37445d;
  --vz2-border-1: rgba(148, 163, 184, .18);
  --vz2-border-2: rgba(148, 163, 184, .28);
  --vz2-border-3: rgba(96, 165, 250, .42);
  --vz2-shadow-1: 0 10px 28px rgba(0,0,0,.24);
  --vz2-shadow-2: 0 20px 58px rgba(0,0,0,.34);
  --vz2-shadow-3: 0 30px 90px rgba(0,0,0,.42);
  --vz2-shadow-accent: 0 18px 54px rgba(37,99,235,.18);
  --vz2-dur-1: 75ms;
  --vz2-dur-2: 120ms;
  --vz2-dur-3: 200ms;
  --vz2-dur-4: 320ms;
  --vz2-dur-5: 460ms;
  --vz2-dur-6: 600ms;
  --vz2-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --vz2-ease-decelerate: cubic-bezier(0, 0, 0, 1);
  --vz2-ease-accelerate: cubic-bezier(.3, 0, 1, 1);
  --vz2-ease-emphasized: cubic-bezier(.2, 0, 0, 1);
  --vz2-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --vz2-move-sm: 6px;
  --vz2-move-md: 12px;
  --vz2-move-lg: 24px;
  --vz2-grid-gap: 16px;
  --vz2-control-h: 44px;
  --vz2-sidebar-w: 280px;
  --vz2-radius: var(--r-lg, 16px);
  --vz2-radius-sm: var(--r-sm, 8px);
  --vz2-radius-pill: var(--r-pill, 999px);
  --vz2-chart-1: var(--chart-1, #60a5fa);
  --vz2-chart-2: var(--chart-2, #34d399);
  --vz2-chart-3: var(--chart-3, #fbbf24);
  --vz2-chart-4: var(--chart-4, #f472b6);
  --vz2-chart-5: var(--chart-5, #a78bfa);
  --vz2-chart-6: var(--chart-6, #22d3ee);
  --vz2-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}