:root {
  --vx-bg: #F4F5F9;
  --vx-sidebar-bg: #F4F5F9;
  --vx-surface: #FFFFFF;
  --vx-primary: #6C5CE7;
  --vx-primary-hover: #5B4BD4;
  --vx-primary-soft: #EDE9FE;
  --vx-accent-pink: #FD79A8;
  --vx-accent-orange: #FDCB6E;
  --vx-accent-green: #00B894;
  --vx-accent-red: #FF7675;
  --vx-text: #2D3436;
  --vx-muted: #636E72;
  --vx-border: #E8EAEF;
  --vx-radius-lg: 16px;
  --vx-radius-md: 12px;
  --vx-radius-sm: 8px;
  --vx-shadow: 0 4px 24px rgba(108, 92, 231, 0.08);
  --vx-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);
  --vx-sidebar-width: 260px;
  --vx-topbar-height: 64px;
  --vx-font: 'Plus Jakarta Sans', system-ui, sans-serif;
}