:root {
  --va-bg-page: #f0f4f8;
  --va-bg-card: #ffffff;
  --va-bg-sidebar: #ffffff;
  --va-bg-hover: #f5f8fc;
  --va-bg-active: #e8f2ff;
  --va-primary: #0066ff;
  --va-primary-hover: #0052cc;
  --va-primary-light: #e8f2ff;
  --va-accent: #00b4d8;
  --va-text: #1a2332;
  --va-text-secondary: #5a6578;
  --va-text-muted: #919aab;
  --va-text-inverse: #ffffff;
  --va-border: #e4e9f0;
  --va-border-light: #eef2f6;
  --va-success: #00b578;
  --va-warning: #ff9f0a;
  --va-danger: #ff4d4f;
  --va-info: #0066ff;
  --va-radius-sm: 4px;
  --va-radius-md: 8px;
  --va-radius-lg: 12px;
  --va-shadow-sm: 0 1px 3px rgba(0, 30, 80, 0.06);
  --va-shadow-md: 0 4px 16px rgba(0, 30, 80, 0.08);
  --va-shadow-lg: 0 8px 32px rgba(0, 30, 80, 0.12);
  --va-transition: 0.15s ease;
  --va-sidebar-width: 200px;
  --va-sidebar-width-collapsed: 56px;
  --va-header-height: 56px;
  --va-content-padding: 24px;
}