:root {
  --color-white: #fff;
  --color-black: #000;
  --color-green: #51aa7b;
  --color-yellow: #f1c40f;
  --color-red: #eb5263;
  --color-red-error-bg: #fdf2f3;
  --color-orange: #e45a00;
  --color-orange-error: #b66b00;
  --color-orange-error-bg: #fff6e9;
  --color-gray-dark: #363636;
  --color-gray-darker: #2b2b2b;
  --color-gray-medium: #696969;
  --color-gray-light: #ccc;
  --colar-gray-lighter: #f7f7f7;  
  
  --radius: 6px;
  --radius-round: 100%;
  
  --font-base: "Heebo", Helvetica, sans-serif;
  --font-heading: "Maven Pro", Helvetica, sans-serif;
  --font-icon: "FontAwesome";
  
  --gap: 15px;
}