:root {
  --color-primary: #453FE9;
  --color-primary-light: #6B65F0;
  --color-primary-dark: #322DB8;
  --color-accent: #FF8A3D;
  --color-background: #F7F7FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EFEFF9;
  --color-text: #1A1A2E;
  --color-text-secondary: #5A5A72;
  --color-border: #E1E1EE;
  --color-success: #2FB380;
  --color-danger: #E1483F;
  --color-warning: #F2B33D;
  --font-family-base: 'Nunito', 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 3px rgba(26, 26, 46, 0.08);
  --shadow-md: 0 4px 12px rgba(26, 26, 46, 0.12);
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}