:root {
  --vt-background: #f9f9ff;
  --vt-surface: #f9f9ff;
  --vt-surface-low: #f0f3ff;
  --vt-surface-container: #e7eeff;
  --vt-surface-high: #dee8ff;
  --vt-surface-highest: #d8e3fb;
  --vt-surface-card: #ffffff;
  --vt-surface-variant: #d8e3fb;
  --vt-surface-warm: #fff4e6;
  --vt-surface-mint: #e6f5f2;
  --vt-text: #111c2d;
  --vt-text-muted: #434655;
  --vt-text-soft: #5c647a;
  --vt-primary: #003ca3;
  --vt-primary-strong: #0051d6;
  --vt-primary-soft: #dbe1ff;
  --vt-tertiary: #004e47;
  --vt-tertiary-strong: #00685f;
  --vt-tertiary-soft: #89f5e7;
  --vt-error: #ba1a1a;
  --vt-error-soft: #ffdad6;
  --vt-outline-soft: rgba(116, 118, 134, 0.15);
  --vt-shadow-soft: 0 24px 48px rgba(17, 28, 45, 0.06);
  --vt-shadow-float: 0 16px 40px rgba(17, 28, 45, 0.08);
  --vt-shadow-crisp: 0 6px 18px rgba(17, 28, 45, 0.06);
  --vt-glass: rgba(255, 255, 255, 0.72);
  --vt-gradient-primary: linear-gradient(135deg, #003ca3 0%, #0051d6 100%);
  --vt-gradient-room: linear-gradient(180deg, #f7f4ee 0%, #f2efe8 61%, #c28a52 61%, #a56c3d 100%);
  --vt-gradient-night: linear-gradient(135deg, #111c2d 0%, #263143 50%, #003ca3 100%);
  --vt-gradient-map: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.22) 0 2px, transparent 3px), linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent), #202a3a;
  --vt-radius-sm: 0.2rem;
  --vt-radius-md: 0.4rem;
  --vt-radius-lg: 0.75rem;
  --vt-radius-xl: 1.1rem;
  --vt-radius-pill: 999px;
  --vt-space-1: 0.25rem;
  --vt-space-2: 0.5rem;
  --vt-space-3: 0.75rem;
  --vt-space-4: 1rem;
  --vt-space-5: 1.25rem;
  --vt-space-6: 1.5rem;
  --vt-space-7: 1.75rem;
  --vt-space-8: 2rem;
  --vt-space-10: 2.5rem;
  --vt-space-12: 3rem;
  --vt-space-16: 4rem;
  --vt-space-20: 5rem;
  --vt-space-24: 5.5rem;
  --vt-topbar-height: 4.5rem;
  --vt-sidebar-width: 17rem;
  --vt-container-wide: 88rem;
  --vt-container-base: 74rem;
  --vt-transition: 180ms ease;
}