body[data-paleta='verde'] {
  --fondo: #FAF6EF;
  --tinta: #26221B;
  --suave: #6B6357;
  --tarjeta: #FFFFFF;
  --linea: #EAE2D6;
  --primario: #2D6A4F;
  --acento: #E76F51;
  --texto-boton: #FFFFFF;
  --grad-a: #1E4A37;
  --grad-b: #2D6A4F;
  --luz: rgba(240, 200, 150, 0.12);
  --heroe-texto: #F7F3EA;
  --heroe-suave: #C9D6CC;
  --heroe-acento: #EBB097;
}

body[data-paleta='azul'] {
  --fondo: #F4F7F9;
  --tinta: #16232E;
  --suave: #5C6B77;
  --tarjeta: #FFFFFF;
  --linea: #E2E9EE;
  --primario: #14506B;
  --acento: #FF7A59;
  --texto-boton: #FFFFFF;
  --grad-a: #0B1F30;
  --grad-b: #14324C;
  --luz: rgba(125, 170, 210, 0.14);
  --heroe-texto: #F2F7FA;
  --heroe-suave: #B9C9D6;
  --heroe-acento: #93C4DE;
}

body[data-paleta='bosque'] {
  --fondo: #F3F4EF;
  --tinta: #20241F;
  --suave: #68705F;
  --tarjeta: #FFFFFF;
  --linea: #E4E6DC;
  --primario: #4A6B4F;
  --acento: #C96F2E;
  --texto-boton: #FFFFFF;
  --grad-a: #26362A;
  --grad-b: #3C5540;
  --luz: rgba(214, 232, 180, 0.12);
  --heroe-texto: #F4F6F0;
  --heroe-suave: #C6D2C2;
  --heroe-acento: #DCC094;
}

body[data-paleta='arena'] {
  --fondo: #FBF5EE;
  --tinta: #2A201A;
  --suave: #77685C;
  --tarjeta: #FFFFFF;
  --linea: #EDE0D2;
  --primario: #9C4A2F;
  --acento: #2D6A4F;
  --texto-boton: #FFFFFF;
  --grad-a: #40241A;
  --grad-b: #6B3A26;
  --luz: rgba(255, 190, 140, 0.14);
  --heroe-texto: #FBF3EA;
  --heroe-suave: #DCC8B8;
  --heroe-acento: #EBB98F;
}