:root {
  --vz-bg: var(--bg, #0f1115);
  --vz-card: var(--card, #181b22);
  --vz-card-2: var(--card-2, #1b1f27);
  --vz-line: var(--line, #272b35);
  --vz-txt: var(--txt, #e6e8ee);
  --vz-muted: var(--muted, #9aa3b2);
  --vz-accent: var(--accent, #3b82f6);
  --vz-accent-strong: var(--accent-700, #2563eb);
  --vz-ok: var(--ok, #22c55e);
  --vz-warn: var(--warn, #f59e0b);
  --vz-bad: var(--bad, #ef4444);
  --vz-row-hover: var(--row-hover, rgba(59, 130, 246, .08));
  --vz-field-bg: var(--field-bg, #111827);
  --vz-sp-1: var(--sp-1, 4px);
  --vz-sp-2: var(--sp-2, 8px);
  --vz-sp-3: var(--sp-3, 12px);
  --vz-sp-4: var(--sp-4, 16px);
  --vz-sp-5: var(--sp-5, 20px);
  --vz-sp-6: var(--sp-6, 24px);
  --vz-sp-8: var(--sp-8, 32px);
  --vz-r-sm: var(--r-sm, 8px);
  --vz-r-md: var(--r-md, 12px);
  --vz-r-lg: var(--r-lg, 16px);
  --vz-r-pill: var(--r-pill, 999px);
  --vz-shadow-1: var(--shadow-1, 0 10px 28px rgba(0,0,0,.22));
  --vz-shadow-2: var(--shadow-2, 0 18px 44px rgba(0,0,0,.30));
  --vz-shadow-3: var(--shadow-3, 0 24px 70px rgba(0,0,0,.38));
  --vz-fs-xs: var(--fs-xs, 12px);
  --vz-fs-sm: var(--fs-sm, 14px);
  --vz-fs-md: var(--fs-md, 16px);
  --vz-fs-lg: var(--fs-lg, 18px);
  --vz-fs-xl: var(--fs-xl, 22px);
  --vz-fs-2xl: var(--fs-2xl, 28px);
  --vz-lh: var(--lh, 1.5);
  --vz-dur-fast: 140ms;
  --vz-dur-normal: 240ms;
  --vz-dur-slow: 420ms;
  --vz-ease-out: cubic-bezier(.16, 1, .3, 1);
  --vz-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --vz-ring: 0 0 0 3px rgba(59, 130, 246, .34);
  --vz-chart-1: var(--chart-1, #60a5fa);
  --vz-chart-2: var(--chart-2, #34d399);
  --vz-chart-3: var(--chart-3, #fbbf24);
  --vz-chart-4: var(--chart-4, #f472b6);
  --vz-chart-5: var(--chart-5, #a78bfa);
  --vz-chart-6: var(--chart-6, #22d3ee);
  --vz-chart-7: var(--chart-7, #fb7185);
  --vz-chart-8: var(--chart-8, #c4b5fd);
  --vz-decor-blue: radial-gradient(circle at 30% 10%, rgba(59,130,246,.22), transparent 34%);
  --vz-decor-panel: linear-gradient(135deg, rgba(59,130,246,.16), rgba(15,17,21,0) 58%);
}