:root {
  --color-primary: #b71766;
  --color-secondary: #ec6b77;
  --color-extra-1: #194282;
  --color-extra-2: #dbbfdd;
  --color-extra-3: #fbb900;
  --color-extra-4: #a38c6d;
  --color-extra-5: #f4ede6;
  --color-extra-6: #f4f4f4;
  --color-gradient-start: #b71766;
  --color-gradient-end: #ec6b77;
  --color-gradient-direction: to right;
  --color-gradient: linear-gradient(to right, #b71766, #ec6b77);
  --button-radius: calc(infinity * 1px);
  --button-primary-bg: #b71766;
  --button-primary-txt: #ffffff;
  --button-secondary-bg: #194282;
  --button-secondary-txt: #ffffff;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
}