:root {
  --color-primary: #004288;
  --color-secondary: #ee741b;
  --color-extra-1: #eb5f6b;
  --color-extra-2: #f9e1c9;
  --color-extra-3: #f4f4f4;
  --color-extra-4: #fafafa;
  --color-gradient-start: #eb5f6b;
  --color-gradient-end: #f6b98d;
  --color-gradient-direction: to right;
  --color-gradient: linear-gradient(to right, #eb5f6b, #f6b98d);
  --button-radius: 6px;
  --button-primary-bg: #004288;
  --button-primary-txt: #ffffff;
  --button-secondary-bg: #ee741b;
  --button-secondary-txt: #ffffff;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
}