/* ============================================================
   styles_mods.css — Personalización por CLIENTE (en caliente)
   ============================================================
   Se carga DESPUÉS de styles.css (includes.jsp / install.jsp), al
   final de la cascada. Es el sitio recomendado para PERSONALIZAR UN
   CLIENTE y GUARDAR su personalización SIN recompilar LESS: basta
   sobreescribir aquí las variables de paleta `--clr-*` en `:root`.
   El fichero viaja con el theme (duplicar / subir-bajar de Git), así
   que la personalización queda guardada junto con la personalización.

   ── Dos vías ────────────────────────────────────────────────
   • En caliente (ESTE fichero): override de `--clr-*` en `:root`.
     No requiere recompilar; se aplica al recargar el OPAC.
   • Recompilable: editar less/_palette.less (@clr-*) y reprocesar
     con Prepros → nuevo styles.css.

   ── Variables de paleta (definidas en less/_palette.less) ───
   COLOR DE MARCA / ACCIÓN
     --clr-primary       #1e5687   Azul corporativo: header, aside, footer, gradientes
     --clr-primary-mid   #2c6ea3   Tono medio del gradiente primary→mid
     --clr-accent        #3a7ca5   Botones primarios, focus rings, links
     --clr-accent-dark   #2c6280   Hover / borde del accent
   FONDOS
     --clr-bg-page       #f0f4f8   Fondo de página
     --clr-bg-card       #ffffff   Tarjetas
     --clr-bg-subtle     #f8fafc   Fondos suaves
     --clr-bg-muted      #f1f5f9   Fondos medio-suaves (hover)
   BORDES
     --clr-border        #d8dee9   Bordes generales
     --clr-border-light  #e2e8f0   Bordes suaves
   TEXTO
     --clr-text-main     #0f172a   Títulos (H1/H2)
     --clr-text-body     #334155   Cuerpo
     --clr-text-muted    #64748b   Secundario
     --clr-text-light    #94a3b8   Muy suave / placeholders
   ESTADOS
     --clr-success       #10b981
     --clr-warn          #f59e0b
     --clr-danger        #ef4444
     --clr-info          #3b82f6
   (También: --radius-sm/md/lg, --shadow-xs/sm/md/lg, --font-base)

   Para la mayoría de cambios de marca basta con --clr-primary,
   --clr-primary-mid, --clr-accent y --clr-accent-dark.

   ⚠️ Parte del CSS heredado (_mods.less, etc.) usa hex hardcodeados
   en vez de var(--clr-*); esos bloques no cambian solo con la paleta
   y habría que sobreescribirlos a mano aquí si hiciera falta.

   ── EJEMPLO (cliente "verde corporativo") ───────────────────
   Descomenta el bloque y ajusta los valores:

   :root {
     --clr-primary:     #1b6e4b;   // azul → verde corporativo
     --clr-primary-mid: #2a8a60;   // tono medio del gradiente
     --clr-accent:      #2f9e6a;   // botones primarios / links / focus
     --clr-accent-dark: #226f4c;   // hover del accent
   }

   ── Nota ────────────────────────────────────────────────────
   Para reglas puntuales (no de paleta) también se pueden añadir
   aquí en caliente, pero conviene migrarlas a su less correspondiente
   y recompilar cuando dejen de ser urgentes.
============================================================ */