/*
  Variables de diseño de Xperience Design: colores de marca, tipografía, radios y medidas.
  Escritas para este sitio (2026-10-26). Tipografía: Arial (decisión 2026-10-20).
*/
:root {
  /* Marca */
  --c-azul: #083b57;            /* titulares, menú y textos destacados */
  --c-azul-pie: #094160;        /* fondo del pie y de la ficha de los casos */
  --c-azul-noche: #052435;
  --c-verde: #c0e136;           /* botones, viñetas y títulos del pie */
  --c-verde-oscuro: #b3d61c;    /* botón al pasar el cursor */
  --c-verde-boton: #c8e730;     /* botón de los formularios */
  --c-turquesa: #62d3d2;
  --c-naranja: #f2994a;

  /* Neutros */
  --c-tinta: #1d2025;
  --c-blanco: #fff;
  --c-blanco-humo: #fdfdfd;
  --c-gris-fondo: #f0f1f3;
  --c-gris-borde: #b9bdc7;
  --c-gris-texto: #667085;
  --c-etiqueta: #383e49;
  --c-error: #b53548;

  /* Tipografía */
  --font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;

  /* Formas y medidas */
  --radio: 8px;
  --radio-caja: 10px;
  --radio-tarjeta: 16px;
  --sombra: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --sombra-tarjeta: 0 10px 30px -3px rgba(0, 0, 0, 0.1);
  --alto-barra: 70px;
}