:root {
  --color-primary: #7764c5;
  --color-secondary: #e04146;
  --color-accent: #0d0d0d;
  --color-neutral-0: #ffffff;
  --color-neutral-100: #f5f5f5;
  --color-success: #2d9c5e;
  --color-warning: #f2994a;
  --color-error: #e0373b;
  --font-heading: "Poppins", "Montserrat", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --line-height-heading: 1.25;
  --line-height-body: 1.5;
  --font-size-h1: 52px;
  --font-size-h2: 32px;
  --font-size-h3: 24px;
  --font-size-body: 16px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 30px;
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-button-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
}