:root {
  --color-primary: #842f83;
  --color-primary-dark: #642363;
  --color-primary-soft: rgba(132, 47, 131, 0.08);
  --color-primary-soft-2: rgba(132, 47, 131, 0.14);

  --color-background: #faf7fb;
  --color-background-soft: #f5eef7;
  --color-white: #ffffff;

  --color-text: #2d2630;
  --color-text-secondary: #6f6474;
  --color-muted: #9a8fa0;

  --color-border: rgba(45, 38, 48, 0.10);

  --font-family: 'Montserrat', sans-serif;
  --font-family-display: 'Bebas Neue', sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 26px;
  --font-size-2xl: 34px;
  --font-size-3xl: 44px;
  --font-size-4xl: 56px;

  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 800;

  --space-1: 8px;
  --space-2: 14px;
  --space-3: 22px;
  --space-4: 34px;
  --space-5: 56px;
  --space-6: 84px;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 38px;
  --radius-pill: 999px;

  --shadow-sm: 0 8px 24px rgba(45, 38, 48, 0.06);
  --shadow-md: 0 18px 45px rgba(45, 38, 48, 0.10);
  --shadow-lg: 0 28px 70px rgba(45, 38, 48, 0.14);

  --transition-fast: 180ms ease;
  --transition-normal: 280ms ease;

  --container-width: 1120px;
}