/*
 * assets/css/marca-redautomotora.css
 * Ruta real: app.rutaok.cl/assets/css/marca-redautomotora.css
 *
 * Los colores de Red Automotora (27-oct-2026). Solo se carga cuando se entra
 * por app.redautomotora.cl (sitio.lib.php -> layout.php), despues de app.css.
 *
 * No agrega reglas nuevas: redefine las variables de app.css. El "marino" de
 * RutaOk pasa a ser el azul petroleo de la marca y el "verde" pasa a ser el
 * turquesa. Los rojos y ambar de los estados no se tocan: significan lo mismo
 * en las dos marcas. Paleta: marca/MANUAL-DE-MARCA.md (carpeta RedAutomotora).
 */

:root,
:root[data-theme="claro"] {
    --marino-950:    #0c1e2b;
    --marino-900:    #153449;
    --marino-800:    #1b4560;
    --marino-700:    #22577a;
    --marino-600:    #247a91;

    --verde-600:     #1a9e95;
    --verde-500:     #27c2b8;
    --verde-400:     #3fd3c9;
    --verde-glow:    rgba(39, 194, 184, .45);
    --verde-claro:   #e3f7f5;

    --fondo:         #f4f6f8;
    --fondo-alt:     #e9f4f5;
    --borde:         #dce3e8;
    --texto:         #273440;
    --texto-suave:   #5c6975;
}

:root[data-theme="oscuro"] {
    --marino-950:    #07121b;
    --marino-900:    #101f2d;
    --marino-800:    #153449;
    --marino-700:    #1b4560;
    --marino-600:    #247a91;

    --verde-600:     #1fb3a9;
    --verde-500:     #27c2b8;
    --verde-400:     #5ee0d6;
    --verde-glow:    rgba(94, 224, 214, .5);
    --verde-claro:   rgba(94, 224, 214, .14);
}

/* El icono de la barra: la R de nodos en blanco sobre el degradado de marca.
   En app.css va con el verde fijo del pin de RutaOk. */
.barra__marca-icono {
    background: linear-gradient(145deg, #27c2b8, #247a91);
    box-shadow: 0 3px 10px -2px rgba(39, 194, 184, .45);
}
.barra__marca-icono svg { width: 78%; height: 78%; }