/* Paleta de marca JRV Lab — la única fuente de color de la plataforma.
 *
 * Vigente desde el 10/09/2026, cuando Juan suspendió la especificación del
 * 21/08. Antes de esto cada hoja repetía el literal del azul viejo: 44
 * apariciones de `#1E5AA8` y otras tantas de `#17477F`, repartidas entre cinco
 * hojas y ocho vistas, y seis de ellas escritas como `rgb(30, 90, 168)` — que
 * una búsqueda del hexadecimal no encuentra. De ahí este fichero: un sitio
 * donde cambiar el color, en vez de cincuenta.
 *
 * SE CARGA LA PRIMERA en los dos layouts. Todo lo demás lo referencia.
 *
 * ============================================================================
 * LOS SIETE DE LA MARCA. No se tocan: son los de la especificación.
 * ============================================================================
 */
:root {
    --jrv-navy: #1E3A5F;   /* primario: superficies de marca, tinta, títulos */
    --jrv-blue: #2C6E9E;   /* acento secundario: enlaces, foco, realces */
    --jrv-slate: #64748B;  /* terciario: texto secundario */
    --jrv-tile: #EEF2F6;   /* fondo neutro */
    --jrv-card: #F8FAFC;   /* superficie */
    --jrv-line: #CBD2D9;   /* bordes y separadores */
    --jrv-white: #F8FAFC;  /* el «blanco» de marca — NO #FFFFFF puro */

    /* ========================================================================
     * ESTADOS DERIVADOS, que la especificación NO trae y la interfaz necesita.
     *
     * La lista de siete es para los LOCKUPS de marca; una interfaz además tiene
     * que decir «esto se puede pulsar» y «lo estás pulsando». Estos dos salen de
     * oscurecer y aclarar el navy, no de inventar un color nuevo, para que la
     * familia siga siendo la misma.
     * ======================================================================== */
    --jrv-navy-pulsado: #172D4A;   /* navy al 78%: hover y activo */
    --jrv-navy-tenue: #E8EEF5;     /* navy al 6%: fondos de selección */

    /* ========================================================================
     * EL PUENTE CON LO QUE YA HABÍA.
     *
     * `acceso.css` e `interior.css` ya tenían su capa de tokens y la usaban con
     * `var()` en todas partes. En vez de reescribir esas hojas, se les cambia lo
     * que sus tokens VALEN. Es el motivo de que este repintado sea pequeño en
     * lugar de enorme.
     *
     * EL REPARTO NO ES ARBITRARIO. Se midió para qué se usaba cada uno antes de
     * decidirlo:
     *
     *   `#1E5AA8` salía en `background-color` y `border` -> superficie y acción
     *   `#17477F` salía en `color` de títulos y cabeceras -> tinta
     *
     * Los dos pasan a navy, que es lo que la especificación llama «primario,
     * texto de marca, icono dominante». El azul de acento entra donde antes
     * había un azul que no era de nadie: el `#007bff` de Bootstrap.
     * ======================================================================== */
}