/* =========================================================
   Marca del panel de ESTA agencia (MIDAX).

   Solo tokens: colores y fuentes. Todo lo demás (maquetación,
   componentes, estados) vive en admin.css, que es el mismo para
   todas las agencias. Para una agencia nueva se cambia este
   archivo, su img/logo.png y sus íconos; nada más.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Marca */
  --brand: #0B1F3B;          /* marino MIDAX: botones principales, lo activo */
  --brand-hover: #15325C;
  --brand-ink: #FFFFFF;      /* texto sobre --brand */
  --brand-wash: #EAEFF6;     /* fondo suave de lo seleccionado */
  --accent: #C9A227;         /* dorado MIDAX: solo acentos (indicador, foco) */
  --accent-ink: #6E5410;     /* dorado para texto chico (contraste AA) */
  --accent-wash: #F7F0DC;

  /* Superficies */
  --bg: #F6F4EF;             /* marfil muy claro: el mismo tono de la web, sin cargar */

  /* Tipografía */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-title: "Source Serif 4", Georgia, "Times New Roman", serif;
}