:root {
  --vwt-color-background: #f7f8fa;
  --vwt-color-surface: #ffffff;
  --vwt-color-surface-muted: #f1f3f7;
  --vwt-color-text: #1f2937;
  --vwt-color-text-muted: #6b7280;
  --vwt-color-border: #d1d5db;
  --vwt-color-primary: #2563eb;
  --vwt-color-primary-dark: #1d4ed8;
  --vwt-radius-md: 0.5rem;
  --vwt-radius-lg: 0.75rem;
  --vwt-radius-pill: 9999px;
  --vwt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --vwt-spacing-sm: 0.5rem;
  --vwt-spacing-md: 1rem;
  --vwt-spacing-lg: 1.5rem;
  --vwt-font-family-base: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}