/* Tokens de diseño del Panel de Salud: fuente única (claro + oscuro).
   El panel los lleva incrustados (build_public.py copia este archivo en index.html);
   cuenta, carga y login lo enlazan. Edita aquí, no en las páginas. */
:root{
  /* Modo claro «calmado»: lienzo con luminancia ~.75, tarjetas off-white (nada de blanco puro),
     tinta suavizada a ~15:1. Los tokens *-ink son para TEXTO de estado (AA ≥ 4.5:1 sobre su fondo);
     --high/--low/--amber quedan para trazos, puntos y fondos. */
  --bg:#dde3ec; --panel:#f6f8fb; --panel-2:#eaeff5; --ink:#1a2333; --ink-2:#3f4a5f;
  --muted:#56617a; --line:#cbd4e0; --line-2:#dbe2eb;
  --brand:#3b6ef5; --brand-ink:#2b52c0;
  --good:#129d6b; --good-bg:#e3f3ea; --good-ink:#0c7a52;
  --high:#e05c3e; --high-bg:#fae6e0; --high-ink:#b3432a; --amber:#e0912b; --amber-bg:#f8ecd8; --amber-ink:#8f5811;
  --low:#2f83c2; --low-bg:#e2edf8; --low-ink:#1f6aa5;
  --shadow:0 1px 2px rgba(28,39,60,.05),0 6px 18px rgba(28,39,60,.07);
  --shadow-lg:0 12px 32px rgba(28,39,60,.16);
  --c-metab:#7c5cff; --c-cardio:#e0567a; --c-renal:#e0912b; --c-hepat:#12a37a;
  --c-hema:#3b6ef5; --c-inmuno:#0fb5c9; --c-body:#0fae86; --c-other:#8a93a6;
  --radius:16px; --mono:"SF Mono",ui-monospace,"Cascadia Code","Roboto Mono",monospace;
  --topbar-h:62px;
  /* textura de fondo: retícula de puntos muy tenue + halo de marca arriba (nunca toca tarjetas ni texto) */
  --tex-dot:rgba(26,35,51,.085); --tex-glow:rgba(59,110,245,.11);
}
[data-theme="dark"]{
  --bg:#080b12; --panel:#111725; --panel-2:#0d1320; --ink:#e9edf5; --ink-2:#aeb7c9;
  --muted:#98a2b8; --line:#212a3c; --line-2:#1a2233;
  --brand:#5a83ff; --brand-ink:#8aa6ff;
  --good:#2bc48a; --good-bg:#0f2a20; --good-ink:#54d6a3;
  --high:#ff7a5c; --high-bg:#2c1712; --high-ink:#ff8f75; --amber:#f0a94a; --amber-bg:#2a1f10; --amber-ink:#f3b563;
  --low:#5aa9e6; --low-bg:#0e1f2e; --low-ink:#78bdf0;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
  --shadow-lg:0 20px 60px rgba(0,0,0,.6);
  --tex-dot:rgba(233,237,245,.07); --tex-glow:rgba(90,131,255,.13);
}
/* Textura del lienzo, común a todas las páginas. Con !important porque cada página declara `background:var(--bg)`
   (que reinicia la imagen); el color de fondo sigue siendo --bg. Se desactiva al imprimir y con contraste alto. */
body{
  background-image:radial-gradient(ellipse 75% 520px at 50% -140px,var(--tex-glow),transparent 72%),
                   radial-gradient(circle at 1px 1px,var(--tex-dot) 1px,transparent 1.6px)!important;
  background-size:100% 760px,24px 24px!important;
  background-repeat:no-repeat,repeat!important;
  background-position:0 0,0 0!important;
}
@media print{body{background-image:none!important}}
@media(prefers-contrast:more){body{background-image:none!important}}