:root {
  --space-xs: 0.25rem;
  --space-s:  0.5rem;
  --space-m:  1rem;
  --space-l:  2.5rem;
  --space-xl: 3rem;

  --font-family: "Helvetica Neue", Arial, sans-serif;

  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.5rem;
  --font-size-xl:   4rem;

  --color-accent:        #EB5A23;
  --color-accent-002:    #C5E0D8;
  --color-contrast:      #444545;
  --color-light:         #ffffff;
  --color-light-contrast:#C9C9C9;
  --color-dark:          #000000;

  --color-red:     #E63946;
  --color-orange:  #F57F17;
  --color-yellow:  #FFB703;
  --color-green:   #2A9D8F;
  --color-blue:    #1D3557;
  --color-indigo:  #3F37C9;
  --color-violet:  #8338EC;
  --color-teal:    #17BEBB;
  --color-amber:   #FF9F1C;
  --color-brown:   #8D6E63;

  --radius: 8px;
  --border: 1px solid var(--color-dark);
}