/*
MAIN COLORS
*/

:root {
  /*PRIMARY COLORS*/
  --main_blue: #1d4b95;
  --main_blue_hover: #2457aa;

  /*SECTIONS COLORS*/
  --hecap: #FCAC48;
  --cmsp: #0C7379;
  --math: #00A0C9;
  --esp: #9E2F5D;
  --sti: #005DE0;
  --qls: #8C933C;

  --hecap-lighter: #FCAC48;
  --cmsp-lighter: #2bb9c0;
  --math-lighter: #14b3db;
  --esp-lighter: #c64279;
  --sti-lighter: #166adf;
  --qls-lighter: #a6ae4a;

  /*THIRD COLORS*/
  --light_gray: #F4F7F6;
  --border_gray: #E0E0E0;
  --medium_gray: #999999;
  --text_color: #3D4347;
}

/*MISCELLANEOUS*/
.blue {
  color: var(--blue);
}

.blue:hover {
  color: var(--blue);
  transition: 0.2s ease;
}


/*
SECTION COLORS VARIABLES
*/
.section-orange .col {
  color: var(--orange);
}