:root {
  --color-primary: rgb(250, 59, 128);
  --color-on-primary: #ffffff;
  --color-secondary: rgb(59, 211, 250);
  --color-tertiary: rgb(220, 140, 255);
  --color-success: rgb(0, 200, 120);
  --color-error: rgb(255, 80, 80);
  --color-bg: #ffffff;
  --color-surface: rgb(254, 251, 255);
  --color-text-primary: rgb(27, 27, 31);
  --color-text-secondary: rgb(76, 68, 89);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --font-display-large-size: 32px;
  --font-display-large-line: 40px;
  --font-display-large-weight: 700;
  --font-headline-medium-size: 20px;
  --font-headline-medium-line: 28px;
  --font-headline-medium-weight: 600;
  --font-body-medium-size: 14px;
  --font-body-medium-line: 20px;
  --font-body-medium-weight: 400;
  --font-label-large-size: 14px;
  --font-label-large-line: 20px;
  --font-label-large-weight: 500;
}