:root {
  --color-primary: #ec6956;
  --color-secondary: #753b3a;
  --color-extra-1: #341e1b;
  --color-extra-2: #8cc4ec;
  --color-extra-3: #f4f1f1;
  --color-gradient-start: #341e1b;
  --color-gradient-end: #ec6956;
  --color-gradient-direction: to right;
  --color-gradient: linear-gradient(to right, #341e1b, #ec6956);
  --button-radius: 6px;
  --button-primary-bg: #ec6956;
  --button-primary-txt: #ffffff;
  --button-secondary-bg: #753b3a;
  --button-secondary-txt: #ffffff;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
}