@charset "UTF-8";

:root {
  /* Colores */
  --alternative-dark-20: #c35009;
  --background-dark-20: #343a40;
  --secondary-dark-20: #0059b8;
  --primary-dark-20: #0e1f2f;
  --alternative-dark-10: #ea600b;
  --background-dark-10: #969a9d;
  --secondary-dark-10: #006ce0;
  --primary-dark-10: #001f3d;
  --alternative-light-20: #f9a877;
  --background-light-20: #f8f9fa;
  --secondary-light-20: #5cabff;
  --primary-light-20: #005cb8;
  --alternative-light-10: #f79050;
  --background-light-10: #e0e2e3;
  --secondary-light-10: #3396ff;
  --primary-light-10: #00478f;
  --alternative: #f57423;
  --background: #c7cacc;
  --secondary: #007bff;
  --primary: #003366;
  --primary-stroke: #000000;

  /* Tipografía - Lato */
  --font-family-lato: 'Lato', sans-serif;
  --font-size-lato: 4rem; /* 64px */
  --font-weight-lato: 400;
  --letter-spacing-lato: 0.4rem; /* 6.4px */
  --line-height-lato: 4.8rem; /* 76.8px */

  /* Tipografía - Montserrat */
  --font-family-montserrat: 'Montserrat', sans-serif;
  --font-size-montserrat: 4rem; /* 64px */
  --font-weight-montserrat: 400;
  --letter-spacing-montserrat: 0.4rem; /* 6.4px */
  --line-height-montserrat: 4.8rem; /* 76.8px */

  /* Tipografía - Roboto */
  --font-family-roboto: 'Roboto', sans-serif;
  --font-size-roboto: 4rem; /* 64px */
  --font-weight-roboto: 400;
  --letter-spacing-roboto: 0.4rem; /* 6.4px */
  --line-height-roboto: 4.8rem; /* 76.8px */
}