@font-face {
  font-family: 'BigCity Grotesque Pro';
  src: url('/assets/fonts/BigCityGrotesquePro-Regular.woff2') format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BigCity Grotesque Pro';
  src: url('/assets/fonts/BigCityGrotesquePro-Medium.woff2') format('woff2');
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'BigCity Grotesque Pro', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'BigCity Grotesque Pro', sans-serif;
  font-weight: 500;
  color: rgb(74, 9, 58); /* Color principal (Morado) */
}

/* Clases de utilidad de color */
.text-principal {
  color: rgb(74, 9, 58);
}
.bg-principal {
  background-color: rgb(74, 9, 58);
}

/* Color secundario Naranja */
.text-secundario {
  color: #F94500; 
}
.bg-secundario {
  background-color: #F94500; 
}

/* Botón primario (Bootstrap override) - NARANJA */
.btn-primary {
  background-color: #F94500;
  border-color: #F94500;
  color: #fff;
}
.btn-primary:hover {
  background-color: #d13a00;
  border-color: #d13a00;
  color: #fff;
}

/* * -----------------------------------------------------------------
 * --- ¡NUEVO CAMBIO! ---
 * Anulamos el color .bg-light (gris claro) de Bootstrap por el crema
 * Usamos !important para asegurar que anule el estilo de Bootstrap
 * -----------------------------------------------------------------
 */
.bg-light {
  background-color: #f3e8cc !important;
}