:root {
  --color-primary: #0f4172;
  --color-secondary: #00fa00;
  --color-extra-1: #85e679;
  --color-extra-2: #e8f3e9;
  --color-extra-3: #e9ffe9;
  --color-extra-4: #f5a67f;
  --color-extra-5: #fdd0d9;
  --color-extra-6: #20e6e9;
  --color-extra-7: #f4f4f4;
  --button-radius: calc(infinity * 1px);
  --button-primary-bg: #00fa00;
  --button-primary-txt: #0f4172;
  --button-secondary-bg: #0f4172;
  --button-secondary-txt: #ffffff;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
}