:root {
  --vesta-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --vesta-app-bg: #F7F7F5;
  --vesta-surface: #FFFFFF;
  --vesta-surface-soft: #FBFBFA;
  --vesta-card-bg: #FFFFFF;
  --vesta-border: #E9E7E2;
  --vesta-divider: #EFEDE8;
  --vesta-text: #181818;
  --vesta-text-2: #666666;
  --vesta-muted: #8A8A8A;
  --vesta-sidebar-bg: #191919;
  --vesta-sidebar-surface: #232323;
  --vesta-sidebar-text: #E7E7E7;
  --vesta-sidebar-muted: #BDBDBD;
  --vesta-sidebar-active-bg: #2C2C2C;
  --vesta-sidebar-active-text: #FFFFFF;
  --vesta-accent: #C97832;
  --vesta-success: #1F9D61;
  --vesta-warning: #E7A23B;
  --vesta-danger: #D84C4C;
  --vesta-info: #3B82F6;
  --vesta-radius-sm: 10px;
  --vesta-radius-md: 12px;
  --vesta-radius-lg: 16px;
  --vesta-space-1: 4px;
  --vesta-space-2: 8px;
  --vesta-space-3: 12px;
  --vesta-space-4: 16px;
  --vesta-space-5: 20px;
  --vesta-space-6: 24px;
  --vesta-space-8: 32px;
  --vesta-sidebar-w: 240px;
  --vesta-sidebar-w-collapsed: 72px;
  --vesta-topbar-h: 64px;
  --vesta-input-h: 40px;
  --vesta-btn-h: 38px;
  --vesta-card-padding: 16px;
  --vesta-page-padding: 20px;
}