/* "las variables de color de fondo vienen de la paleta de colores que esta definida en el tema (theme.json)" */

/* Colores de fondo */
.bg-blue-110 {
  background-color: var(--wp--preset--color--primary-110);
}
.bg-blue-150 {
  background-color: var(--wp--preset--color--primary-150);
}
.bg-green-140 {
  background-color: var(--wp--preset--color--secondary-140);
}
.bg-gray-150 {
  background-color: var(--wp--preset--color--neutral-150);
}

/* Colores con borde */
.white-outline {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--primary-70);
}

.outline-green-70 {
  background-color: #f0ffed;
  border: 1px solid var(--wp--preset-color--secondary-70);
}

.outline-green {
  background-color: var(--wp--preset--color--secondary-140);
  border: 1px solid var(--wp--preset--color--secondary-70);
}

.outline-blue-60 {
  background-color: #e8effb;
  border: 1px solid var(--wp--preset--color--primary-60);
}

.outline-gray {
  background-color: #ffffff;
  border: 1px solid var(--wp--preset--color--primary-60);
}