/* === colors.css === */

/* Paleta principal */
:root {
  ---oscuro: #240032;
  ---claro:   #F5DEFE;

  /* Secundarios */
  ---sec-oscuro: #320046;
  ---violetaoscuro:    #7D00AE;
  ---rojo:  #C2005E;
  ---grisclaro:  #E0CDE8;
  ---grisoscuro:  #9982A2;

/* terciarios */	
	
  ---azul: #7AEBD8;
  ---verde:     #D4FFB2;
  ---rosa:     #FFAFE0;
  ---violetaclaro:     #E6AFFF;
	
  /* Gradientes */
  ---degradado2:  linear-gradient(180deg, rgba(50, 0, 70, 0.6) 0%, rgba(36, 0, 50, 0.6) 100%), #320046;
  ---degradado1: linear-gradient(30deg, #7D00AE 0%, #C2005E 100%);
  ---degradado3: linear-gradient(0deg, rgba(122, 235, 216, 0.6) 0%, rgba(245, 222, 254, 0.6) 100%), #F5DEFE;
  ---degradado4:  linear-gradient(180deg, rgba(245, 222, 254, 0.6) 0%, rgba(230, 175, 255, 0.6) 100%), #F5DEFE;
  ---degradado5: linear-gradient(180deg, rgba(245, 222, 254, 0.6) 0%, rgba(212, 255, 178, 0.6) 100%), #F5DEFE;
  ---degradado6: linear-gradient(180deg, rgba(245, 222, 254, 0.6) 0%, rgba(255, 175, 224, 0.6) 100%), #F5DEFE;

}
.claro, .claro * {color: var(---claro); }
.oscuro, .oscuro * { color: var(---oscuro);}