/* Tokens de diseño del CRM Grupo MM: única fuente de colores, tipografía, espacios y tamaños.
   Los tres colores de marca coinciden con public/css/app.css (lo vigila test-node/ux-estilos.test.ts).
   Punto de quiebre único: 64rem (1024 px). Las variables CSS no se pueden usar dentro de @media,
   por eso componentes.css repite el valor 64rem en su única consulta de medios. */
:root {
  /* Marca */
  --gmm-azul-marino: #122540;
  --gmm-azul: #1b4f8a;
  --gmm-verde: #7ab527;
  /* El verde de marca es solo relleno; este verde oscuro es el único permitido como texto */
  --gmm-verde-oscuro: #3d6b0f;

  /* Neutros */
  --gmm-blanco: #ffffff;
  --gmm-fondo: #f4f6f9;
  --gmm-borde: #dde4ee;
  --gmm-tinta: #0e1d2e;
  --gmm-texto-tenue: #5b6676;

  /* Alerta (atrasos y errores) */
  --gmm-alerta: #b3261e;
  --gmm-alerta-fondo: #fdeceb;

  /* Estados de la solicitud: texto sobre fondo tenue, siempre con la palabra escrita */
  --estado-nueva-texto: #1b4f8a;
  --estado-nueva-fondo: #e6eef8;
  --estado-asignada-texto: #5b3fa0;
  --estado-asignada-fondo: #efeaf9;
  --estado-contactada-texto: #0f6b6b;
  --estado-contactada-fondo: #dff2f2;
  --estado-cotizada-texto: #8a5a00;
  --estado-cotizada-fondo: #fff3d6;
  --estado-ganada-texto: #3d6b0f;
  --estado-ganada-fondo: #e9f4d6;
  --estado-perdida-texto: #5b6676;
  --estado-perdida-fondo: #eceff3;

  /* Foco del teclado */
  --foco-color: #1b4f8a;
  --foco-color-sobre-oscuro: #7ab527;

  /* Tipografía (las mismas familias que el sitio web) */
  --fuente-cuerpo: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --texto-s: 0.875rem;
  --texto-m: 1rem;
  --texto-l: 1.25rem;
  --texto-xl: 1.5rem;
  --texto-xxl: 2rem;

  /* Espacios */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.5rem;
  --espacio-6: 2rem;
  --espacio-8: 3rem;

  /* Radios */
  --radio-s: 0.375rem;
  --radio-m: 0.5rem;
  --radio-l: 0.75rem;
  --radio-pastilla: 999px;

  /* Sombras */
  --sombra-1: 0 1px 2px rgba(14, 29, 46, 0.12);
  --sombra-2: 0 4px 12px rgba(14, 29, 46, 0.18);

  /* Velo detrás de la hoja inferior y de los diálogos */
  --velo: rgba(14, 29, 46, 0.55);

  /* Tamaños */
  --tap-min: 2.75rem;
  --menu-lateral-ancho: 15rem;
  --contenido-max: 75rem;
}