:root {
  --color-bg: #FAF9FD;
  --color-surface: #F2EFFA;
  --color-primary: #7B61B8;
  --color-accent: #3BC7C3;
  --color-on-primary: #FFFFFF;
  --color-on-dark: #3BC7C3;
  --text-heading: #2E224A;
  --text-body: #403B52;
  --text-muted: #6E6880;
  --color-border: #DDD8EA;
  --color-link: #7B61B8;
  --color-link-hover: #624C98;
  --color-focus: #1E8E8A;
  --color-success: #166E30;
  --color-error: #C62D42;
  --color-warning: #9A5B00;
  --color-info: #2A6F97;

  --font-heading: 'Comfortaa', ui-rounded, 'Nunito', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --container-w: 1160px;
  --radius-lg: 28px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --shadow-soft: 0 20px 45px -25px rgba(46, 34, 74, 0.35);
  --shadow-card: 0 12px 30px -18px rgba(46, 34, 74, 0.28);
}