:root {
  --color-primary: #6D28D9;
  --color-secondary: #4C1D95;
  --color-accent: #F59E0B;
  --color-bg: #FFFFFF;
  --color-surface: #F9FAFB;
  --color-text: #111827;
  --color-muted: #4B5563;
  --color-soft: #6B7280;
  --color-border: #E5E7EB;
  --color-primary-tint: #F5F3FF;
  --color-primary-light: #A78BFA;
  --color-footer: #3B0764;
  --border-radius: 14px;
  --border-radius-sm: 8px;
  --border-radius-lg: 20px;
  --shadow-card: 0 1px 2px rgba(17,24,39,.04), 0 1px 3px rgba(17,24,39,.06);
  --shadow-hover: 0 10px 30px -8px rgba(76,29,149,.18), 0 6px 12px -4px rgba(17,24,39,.06);
  --shadow-purple: 0 12px 28px -10px rgba(109,40,217,.35);
  --font-main: 'Cairo', 'IBM Plex Sans Arabic', 'Tajawal', system-ui, -apple-system, sans-serif;
  --container: 1200px;
  --header-h: 72px;
}