:root {
  --color-brand: #7C3AED;
  --color-brand-rgb: 124 58 237;
  --color-brand-dark: #6931C9;
  --apple-blue: var(--color-brand);
  --apple-blue-dark: var(--color-brand-dark);
  --color-success: #10B981;
  --color-success-rgb: 16 185 129;
  --apple-green: var(--color-success);
  --color-warning: #F59E0B;
  --color-warning-rgb: 245 158 11;
  --apple-orange: var(--color-warning);
  --color-error: #F43F5E;
  --color-error-rgb: 244 63 94;
  --apple-red: var(--color-error);
  --color-info: #818CF8;
  --color-info-rgb: 129 140 248;
  --color-bg: #F5F3FF;
  --apple-bg: var(--color-bg);
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
  --font-base-size: 16px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-card: 10px;
  --radius-card-lg: 12px;
  --radius-hero: 10px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-xl: 8px;
  --radius-2xl: 10px;
  --radius-3xl: 12px;
  --shadow-soft: 0 0 0 rgba(0,0,0,0);
  --shadow-soft-hover: 0 0 0 rgba(0,0,0,0);
  --shadow-sm: var(--shadow-soft);
  --shadow-md: var(--shadow-soft);
  --shadow-lg: var(--shadow-soft-hover);
  --shadow-xl: var(--shadow-soft-hover);
}