/* ══════════════════════════════════════════════════════════════════
   Marca Bajacar (config/brands.php). Va DESPUÉS de brand.css y solo
   redefine sus tokens y los pocos colores que brand.css lleva escritos.
   Paleta tomada de bajacar.es (29/10/2026):
     azul corporativo #026190 (texto del logotipo, cabeceras, botones)
     verde #47AE6B (coche del logotipo)
     azul claro #5B95B3, texto #363636
   ══════════════════════════════════════════════════════════════════ */

:root {
    --md-sys-color-primary:                #026190;
    --md-sys-color-on-primary:             #ffffff;
    --md-sys-color-primary-container:      #cbe6f7;
    --md-sys-color-on-primary-container:   #001e2f;
    --md-sys-color-secondary:              #47ae6b;
    --md-sys-color-on-secondary:           #ffffff;
    --md-sys-color-secondary-container:    #c8eed3;
    --md-sys-color-on-secondary-container: #00210e;
    --md-sys-color-tertiary:               #5b95b3;
    --md-sys-color-on-tertiary:            #ffffff;
    --md-sys-color-tertiary-container:     #d3e8f4;
    --md-sys-color-on-tertiary-container:  #062030;

    /* Neutros con un punto de azul, como el blanco de la web. */
    --md-sys-color-surface:                  #fafcfd;
    --md-sys-color-surface-container-lowest: #ffffff;
    --md-sys-color-surface-container-low:    #f2f5f7;
    --md-sys-color-surface-container:        #ecf0f3;
    --md-sys-color-surface-container-high:   #e6eaee;
    --md-sys-color-surface-container-highest:#e0e5e9;

    --md-sys-color-on-surface:             #1b1d1f;
    --md-sys-color-on-surface-variant:     #363636;
    --md-sys-color-outline:                #70787e;
    --md-sys-color-outline-variant:        #c0c8ce;

    /* Gradiente: del azul del texto al verde del coche. */
    --eb-grad-stops: #026190 0%, #47ae6b 100%;

    /* Tabler (pantallas antiguas). */
    --eb-green:        #026190;
    --eb-green-dark:   #014e74;
    --eb-green-darker: #013a57;
    --eb-green-light:  #5b95b3;
    --eb-green-50:     #e6f1f8;
    --eb-green-100:    #c6deee;
    --tblr-primary-rgb: 2, 97, 144;
    --tblr-success:     #47ae6b;
    --tblr-success-rgb: 71, 174, 107;
    --tblr-body-bg:     #f7f9fb;
}

.eb-auth-page::before {
    background:
        radial-gradient(ellipse 70% 55% at 8% 0%,  color-mix(in srgb, #026190 12%, transparent) 0%, transparent 70%),
        radial-gradient(ellipse 55% 60% at 100% 100%, color-mix(in srgb, #47ae6b 11%, transparent) 0%, transparent 65%);
}

.eb-filled-button {
    box-shadow: 0 2px 8px color-mix(in srgb, #026190 25%, transparent),
                0 1px 2px rgba(0,0,0,.08);
}
.eb-filled-button:hover {
    box-shadow: 0 4px 14px color-mix(in srgb, #026190 32%, transparent),
                0 2px 4px rgba(0,0,0,.08);
}

.eb-impersonation-banner {
    background: linear-gradient(65deg, #026190 0%, #5b95b3 100%);
}

/* El logotipo de la web mide 189×61: se pinta a su tamaño para que no se
   vea borroso hasta que tengamos el vectorial. */
.marca-bajacar .eb-brand-above img { height: 61px; }
.marca-bajacar .eb-nav-brand img   { width: auto; max-width: 189px; }
@media (max-width: 600px) {
    .marca-bajacar .eb-brand-above img { height: 52px; }
}