/*! Para poder llamar a las variables dentro de cada atributo del css utiliza var(), por jemplo "color: var(--color-light)"*/
:root {
  --font-main: 'Abel Regular', sans-serif;
  --font-icons: 'Font Awesome 5 Free';
  --color-light: #ffffff;
  --color-dark: #000000;
  --color-blue: #9fc5e8;
  --color-gray: #727272;
  --type-size-xs: 14px;
  --type-size-sm: 18px;
  --type-size-md: 20px;
  --type-size-lg: 26px;
  --type-size-xl: 35px;
  --type-size-xxl: 45px;
  --transition-common: 0.2s ease-in-out;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px; }