/*
 * shared.css — tokens canónicos compartidos entre las páginas de frontend/.
 *
 * Alcance (Fase 16, UX-01): estos 12 tokens son los únicos consolidados aquí.
 * Cada página conserva su propio bloque :root con el resto de sus variables
 * (--teal, --red, --gray-900, etc.) — no se migró el sitio completo a nombres
 * nuevos, solo se centraliza lo que este ticket pedía unificar explícitamente
 * (nav-height, colores disabled) más los tokens ya coincidentes (--purple,
 * --amber). --purple-light y --teal-mid usan el valor que ya funciona hoy en
 * todo el sitio, no el valor propuesto originalmente en el ticket — ver
 * Cierre_Fase16.md para el detalle de por qué.
 *
 * Incluir con <link rel="stylesheet" href="shared.css"> (raíz de frontend/) o
 * href="../shared.css" (frontend/m1/, frontend/explains/, frontend/admin/),
 * antes del <style> inline de cada página.
 */
:root {
  --purple: #1A2B47; /* Azul Prusia Corporativo Oscuro */
  --purple-light: #0C1420;
  --teal-mid: #00F2FF; /* Cian Neón Puro (Acento Principal) */
  --gray-text: #475569;
  --bg: #F8FAFC;
  --border: #E2E8F0;
  --dark-bg: #020408;
  --amber: #FFD600;
  --error: #E53E3E;
  --nav-height: 60px;
  --disabled-bg: #CBD5E1;
  --disabled-text: #94A3B8;
}

button:disabled, .btn:disabled,
input[type="button"]:disabled, input[type="submit"]:disabled {
  background-color: var(--disabled-bg) !important;
  color: var(--disabled-text) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}