/* Armando Web UI — Estilos globales (complementa _design_system.html) */
/* Solo overrides y reglas que NO están en el partial del design system.  */

/* ── Reset anti-flash: el html es oscuro/claro desde el primer paint ── */
html { background: #fdfaf3; }
html.dark { background: #050912; }
body { transition: background-color 0.2s ease, color 0.2s ease; }

/* ── HTMX indicator ── */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
.htmx-request { opacity: 0.6; pointer-events: none; transition: opacity 0.15s; }

/* ── Focus visible (accesibilidad) ── */
:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
.dark :focus-visible { outline-color: #fcd34d; }

/* ── Selection ── */
::selection { background: #fde68a; color: #0a1020; }
.dark ::selection { background: #b45309; color: #fef3c7; }

/* ── Form base ── */
input, select, textarea, button { font-family: inherit; }

/* ── Print ── */
@media print {
  .no-print, header, footer { display: none !important; }
  body { background: white; color: black; }
  .card { border: 1px solid #ccc; box-shadow: none; }
}