/* ============================================================
   OpoSuite · Sistema de diseño (tokens compartidos)
   Fuente única de verdad para colores, radios y tipografía.
   Cargar en cada módulo con:  <link rel="stylesheet" href="../shared/oposuite-tema.css">
   (la ruta ../shared/ es la misma convención que admin_vista.js / panel_textos.js)
   Cambiar un color aquí lo propaga a todos los módulos que enlacen este fichero.
   ============================================================ */
:root{
  --bg:#f4f5f7;--bgp:#ffffff;--bgs:#f0f1f3;
  --tp:#18181b;--ts:#52525b;--tx:#71717a; /* --tx: antes #a1a1aa (contraste 2,6:1); ahora 4,7:1 sobre blanco (2026-10-08) */
  --bx:#e4e4e7;--bs:#d4d4d8;
  --accent:#1d4ed8;--accent-l:#dbeafe;--accent-d:#1e3a8a;
  --green:#15803d;--bgg:#dcfce7;--green-t:#166534;
  --amber:#b45309;--bga:#fef3c7;--amber-t:#92400e;
  --red:#b91c1c;--bgr:#fee2e2;--red-t:#991b1b;
  --rm:10px;
  --font:"Segoe UI",system-ui,-apple-system,sans-serif;
}

/* Accesibilidad: foco visible al navegar con teclado (2026-10-08) */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}