/* ----------------------------------------- */
/* VARIABLES */
/* ----------------------------------------- */
:root {
  /* fonts*/
  --fnt-century-12: 12px "Century Gothic", sans-serif;
  --fnt-century-15: 15px "Century Gothic", sans-serif;
  --fnt-century-16: 16px "Century Gothic", sans-serif;
  --fnt-century-18: 18px "Century Gothic", sans-serif;
  --fnt-century-20: 20px "Century Gothic", sans-serif;
  --fnt-century-24: 24px "Century Gothic", sans-serif;
  --fnt-century-36: 36px "Century Gothic", sans-serif;
  --fnt-century-38: 38px "Century Gothic", sans-serif;
  --fnt-century-40: 40px "Century Gothic", sans-serif;

  --fnt-centuryB-18: 18px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-20: 20px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-22: 22px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-24: 24px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-30: 30px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-34: 34px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-38: 38px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-44: 44px "Century Gothic Bold", sans-serif;
  --fnt-centuryB-60: 60px "Century Gothic Bold", sans-serif;
  --fnt-gilroy-100: 100px "Gilroy", sans-serif;
  /* colors*/
  --clr-primary-blue: #60759e;
  --clr-blue-secodary: #37507f;
  --clr-blue-active: #192f59;
  --clr-secondary-yellow: #ffa702;
  --clr-dove-gray: #686868;
  --clr-white: #fff;

  --clr-alto: #cfcfcf;
  --clr-alto-secondary: #d9d9d9;
  --clr-fog: #e1d3ff;
  --clr-negroni: #ffe0be;
  --clr-emperor: #555555;
  --clr-athens-gray: #333;

  --clr-forest-green: #1ea243;
  --clr-pastel-green: #8ae371;
  --clr-christi: #2eb209;

  --clr-mint-tulip: #c5f4ec;
  --clr-pastel-pink: #ffd3db;

  /* trnasition */
  --transition04s: all 0.4s ease;
}