/* tema.css · el portal del cliente final de Serrano del Río en su host propio (clientes.marbella.saykin.es, §2.17):
   la identidad de la web de Marbella (web/serrano-marbella/estilo.css: papel, tinta, latón, Fraunces y Jost) puesta
   SOBRE los tokens de LEGAJO (web/legajo/estilo.css). Lo monta despliegue/monta-portal.py en la raíz del host, detrás
   de estilo.css, acceso.css y portal.css; en el host del tablero y en los ensayos este fichero no existe.

   Solo claro: «un despacho se lee en claro» (Rubén, 02/10, la web de Marbella). estilo.css pone el tema oscuro dos
   veces (por prefers-color-scheme y por data-theme="dark"): aquí se pisan las dos con los mismos valores claros.

   Contrastes MEDIDOS con la luminancia relativa de WCAG (no a ojo), el peor par ≥ 4,5:1:
     texto #122234 sobre fondo #f4efe6 14,06 · superficie #fffdf9 15,85 · superficie-2 #ebe4d7 12,74 · superficie-3 #e3dccd 11,80
     texto-suave #46505c sobre fondo 7,16 · superficie 8,07 · superficie-2 6,48 · superficie-3 6,00
     acento #7d6540 sobre superficie 5,43 · fondo 4,82 · acento-suave #efe8da 4,52 (el peor)
     blanco #fffdf9 sobre acento 5,43 · sobre acento-hover #5f4c2f 8,07 · acento-hover sobre superficie 8,07
     papel #f4efe6 sobre tinta #122234 (cabecera y panel) 14,06 · latón #c9a86a sobre tinta 7,13
     chapa-texto #334155 sobre chapa-fondo #ebe4d7 8,19
   Semáforos, avisos, peligro y bien se quedan con los colores de LEGAJO, medidos en estilo.css sobre blanco; sobre
   superficie #fffdf9: peligro 5,65 · bien 4,94 · aviso 4,94. */

@font-face { font-family: "Jost"; src: url(/fuentes/jost.woff2) format("woff2"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url(/fuentes/fraunces.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root,
:root[data-theme="dark"] {
  color-scheme: light;
  --fondo: #f4efe6;
  --superficie: #fffdf9;
  --superficie-2: #ebe4d7;
  --superficie-3: #e3dccd;
  --lateral: #fffdf9;
  --cristal: rgba(255, 253, 249, 0.86);
  --borde: #cfc7b8;
  --borde-fuerte: #b5ad9c;
  --borde-control: #8f8776;
  --texto: #122234;
  --texto-suave: #46505c;
  --acento: #7d6540;
  --acento-hover: #5f4c2f;
  --acento-texto: #fffdf9;
  --acento-suave: #efe8da;
  --acento-grafico: #7d6540;
  --degradado-tinta: linear-gradient(135deg, #9c815a 0%, #7d6540 45%, #5f4c2f 100%);
  --oro: #9c815a;
  --foco: #7d6540;
  --chapa-fondo: #ebe4d7;
  --chapa-texto: #334155;
  --letra: "Jost", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root,
  :root[data-theme="dark"] {
    color-scheme: light;
    --fondo: #f4efe6;
    --superficie: #fffdf9;
    --superficie-2: #ebe4d7;
    --superficie-3: #e3dccd;
    --lateral: #fffdf9;
    --cristal: rgba(255, 253, 249, 0.86);
    --borde: #cfc7b8;
    --borde-fuerte: #b5ad9c;
    --borde-control: #8f8776;
    --texto: #122234;
    --texto-suave: #46505c;
    --acento: #7d6540;
    --acento-hover: #5f4c2f;
    --acento-texto: #fffdf9;
    --acento-suave: #efe8da;
    --acento-grafico: #7d6540;
    --degradado-tinta: linear-gradient(135deg, #9c815a 0%, #7d6540 45%, #5f4c2f 100%);
    --oro: #9c815a;
    --foco: #7d6540;
    --chapa-fondo: #ebe4d7;
    --chapa-texto: #334155;
    --peligro: #c81e1e;
    --peligro-texto: #ffffff;
    --peligro-suave: #fef2f2;
    --bien: #15803d;
    --bien-suave: #ecfdf3;
    --aviso: #b45309;
    --aviso-suave: #fff7e6;
    /* los semáforos, prioridades y columnas, con sus valores CLAROS de estilo.css (el oscuro los cambia todos) */
    --s-vencido: #dc2626; --s-hoy: #ea580c; --s-tres: #d97706; --s-semana: #16a34a; --s-lejos: #94a3b8;
    --s-vencido-suave: #fae1e1; --s-hoy-suave: #fce8dd; --s-tres-suave: #faecdc; --s-semana-suave: #def2e6; --s-lejos-suave: #f0f2f5;
    --p-urgente: #dc2626; --p-alta: #ea580c; --p-normal: #c5ccdb; --p-baja: #e3e7f0;
    --col-bandeja: #7c3aed; --col-por-hacer: #2563eb; --col-en-curso: #d97706; --col-en-espera: #db2777;
    --col-para-revisar: #0891b2; --col-hecho: #16a34a; --col-neutra: #64748b;
    --col-bandeja-suave: #e9e6f8; --col-por-hacer-suave: #e3e9f8; --col-en-curso-suave: #efeae8; --col-en-espera-suave: #efe5f0;
    --col-para-revisar-suave: #e1ecf4; --col-hecho-suave: #e2eded;
    --letra: "Jost", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  }
}

/* La cabecera y el panel de entrada: tinta plana (sin el degradado azul ni el dibujo de LEGAJO), papel para el texto y
   latón para lo secundario. El logotipo lo anuncia la <meta name="legajo-logo"> y llega ya en papel (monta-portal.py lo
   pinta de ese color). */
.portal-cabeza,
.acceso-panel {
  --panel-claro: #122234;
  background-color: #122234;
  background-image: none;
  color: #f4efe6;
}
.portal-marca,
.portal-marca-nombre,
.acceso-panel-nombre,
.acceso-lema,
.acceso-lema-nombre { color: #f4efe6; }
.portal-marca-casa,
.acceso-panel-casa,
.acceso-lema-resto,
.acceso-lema-sub { color: #c9a86a; }
.portal-logo-cabeza { height: 72px; }
.portal-logo-panel { height: 88px; }
/* El logotipo, del tamaño del de la web (Rubén, 02/10: «muy pequeñito»): «SERRANO del RÍO» es solo una franja del 15 %
   del alto del SVG, así que a 40 px las letras salían de ~6 px. 72 en la cabecera como la web, 88 en el panel como su pie. */
@media (max-width: 720px) {
  .portal-logo-cabeza { height: 52px; }
  .portal-logo-panel { height: 64px; }
}
/* Los botones de la cabecera (Contraseña, Salir), sin el azul de LEGAJO: papel sobre tinta, con el latón para el actual. */
.boton.portal-boton-cabeza {
  background: rgba(244, 239, 230, 0.08);
  border-color: rgba(244, 239, 230, 0.45);
  color: #f4efe6;
}
.boton.portal-boton-cabeza:hover { background: rgba(244, 239, 230, 0.16); border-color: #f4efe6; }
.boton.portal-boton-cabeza[aria-current="page"] { border-color: #c9a86a; box-shadow: inset 0 -2px 0 #c9a86a; }
.acceso-lema-resto { font-weight: 400; }

/* Los titulares, como en la web: Fraunces a peso normal y un poco apretados; lo demás en Jost (--letra). */
.acceso-lema,
.portal-titulo,
.portal-saludo,
.portal-vacio-titulo,
.portal-asunto-titulo {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* El pie, con el despacho delante y LEGAJO detrás: discreto, en el color suave sobre el fondo papel (7,16). */
.portal-pie { letter-spacing: 0.02em; }