:root {
  --color-grape: #A040CC;
  --color-magenta: #F119CD;
  --gradient-brand: linear-gradient(135deg, #A040CC 0%, #F119CD 100%);

  --color-blue: #00D2E7;
  --color-pink: #FF1D90;
  --color-green: #05E66A;
  --color-red: #FF0F21;

  --color-ink: #1A0A2E;
  --color-plum: #2A1247;
  --color-charcoal: #3A3145;
  --color-slate: #7A7286;
  --color-lilac-mist: #C9BEE0;
  --color-line: #EAE4F2;
  --color-cloud: #F6F2FC;
  --color-paper: #FFFFFF;

  --color-purple-wash: #F4E6FB;
  --color-blue-wash: #D8FAFD;
  --color-pink-wash: #FFE2F0;
  --color-green-wash: #DCFBEA;
  --color-red-wash: #FFE1E3;

  --press-pink: #D40E73;
  --press-blue: #00A6B8;
  --press-green: #04B855;
  --press-red: #D60A19;
  --press-grape: #7E2CA6;
  --press-magenta: #C40FA6;

  --font-display: 'Fredoka', 'Baloo 2', ui-rounded, system-ui, sans-serif;
  --font-body: 'Nunito', 'Quicksand', ui-rounded, system-ui, sans-serif;
  --text-caption: 13px;
  --text-body-sm: 15px;
  --text-body: 17px;
  --text-heading-sm: 20px;
  --text-heading: 32px;
  --text-title: 48px;
  --text-display: 64px;

  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  --elev-float: 0 16px 32px -12px rgba(160, 64, 204, 0.28);
  --page-max: 1200px;
  --section-pad-y: 120px;
}