/* ============================================
   BOATSBOOKING BRAND THEME
   Paleta de colores de marca aplicada globalmente
   ============================================ */

/* 1. TOKENS DE COLOR DE MARCA */
:root {
    --bb-navy: #051327;      /* Azul marino fondo / textos fuertes */
    --bb-gold: #a87f0a;      /* Dorado acento */
    --bb-white: #ffffff;     /* Blanco base */
    --bb-blue: #01a9ff;      /* Azul para botones / links de acción */
    --bb-danger: #ef4444;    /* Rojo Best Deal */
}

/* 2. NORMALIZACIÓN DE BOTONES CON PALETA DE MARCA */
.btn-primary {
    background-color: var(--bb-blue);
    border-color: var(--bb-blue);
    color: var(--bb-white);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #0093dd; /* versión más oscura del azul botón */
    border-color: #0093dd;
    color: var(--bb-white);
}

.btn-outline-primary {
    color: var(--bb-blue);
    border-color: var(--bb-blue);
    background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--bb-blue);
    color: var(--bb-white);
}

/* 3. BADGE BEST DEAL */
.bb-badge-deal,
.badge-best-deal {
    background-color: var(--bb-danger);
    color: var(--bb-white);
}

/* 4. UTILIDADES DE COLOR DE MARCA */
.text-brand-gold {
    color: var(--bb-gold) !important;
}

.text-brand-blue {
    color: var(--bb-blue) !important;
}

.text-brand-navy {
    color: var(--bb-navy) !important;
}

.bg-brand-navy {
    background-color: var(--bb-navy) !important;
}

.bg-brand-blue {
    background-color: var(--bb-blue) !important;
}

/* 5. TIPOGRAFÍA DE MARCA */
.home-title,
.section-title {
    font-family: inherit;
    letter-spacing: 0.02em;
    color: var(--bb-navy);
}

.home-subtitle,
.section-subtitle {
    color: #4b5563; /* gris suave compatible con azul/dorado */
    font-weight: 500;
}

/* 6. ENLACES DE MARCA */
a.text-primary {
    color: var(--bb-blue) !important;
}

a.text-primary:hover {
    color: #0093dd !important;
}