/* hormitec-ui.css — Estilo A (minimal iOS). Fuente única: hormitec-apps/tools/ui/. Lo inyecta aplicar-ui.py en cada deploy.
   Se carga ANTES del css de cada app: tokens + alias de variables viejas (la app puede pisarlos). */
@font-face{font-family:Satoshi;src:url(/_ui/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(/_ui/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--hx-rojo:#E31F26;--hx-rojo-2:#C8181E;--hx-rojo-suave:#FDECEC;--hx-bg:#F2F2F7;--hx-sup:#FFFFFF;--hx-tx:#1C1C1E;--hx-tx2:#6B6B70;--hx-borde:rgba(0,0,0,.08);
--hx-ok:#1F9D55;--hx-warn:#D98A00;--hx-r-s:12px;--hx-r-m:18px;--hx-r-l:22px;--hx-r-pill:999px;--hx-tap:52px;
--hx-sombra:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--hx-sombra-btn:0 6px 16px rgba(227,31,38,.26);--hx-font:Satoshi,-apple-system,system-ui,"Segoe UI",sans-serif;
/* alias de variables viejas */
--red:var(--hx-rojo);--red-brand:var(--hx-rojo);--rojo:var(--hx-rojo);--danger:var(--hx-rojo);--red-soft:var(--hx-rojo-suave);--red-dim:var(--hx-rojo-2);
--surface:var(--hx-sup);--surface-elevated:var(--hx-sup);--text:var(--hx-tx);--radius:var(--hx-r-m);--tap:var(--hx-tap);--font:var(--hx-font)}
:root[data-theme="dark"]{--hx-rojo-suave:rgba(227,31,38,.18);--hx-bg:#000;--hx-sup:#1C1C1E;--hx-tx:#F2F2F7;--hx-tx2:#9A9AA0;--hx-borde:rgba(255,255,255,.10);--hx-sombra:none;--hx-sombra-btn:none;--red-dim:#FF6B6F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hx-rojo-suave:rgba(227,31,38,.18);--hx-bg:#000;--hx-sup:#1C1C1E;--hx-tx:#F2F2F7;--hx-tx2:#9A9AA0;--hx-borde:rgba(255,255,255,.10);--hx-sombra:none;--hx-sombra-btn:none}}