/*
 * Fichas de diseño de la web de JM2 (spec §5.1). Los colores de marca salen del propio logo.
 * test/piel.test.js recalcula desde aquí el contraste de cada par de texto y fondo.
 */
:root {
  /* Marca */
  --azul: #2A447E;
  --azul-hondo: #1A2D58;
  --naranja: #F58634;       /* SOLO decoración: no llega a 3:1 sobre blanco. Con texto encima, --tinta. */
  --naranja-texto: #A9531A; /* antetítulos y números */
  --naranja-sobre-azul: #FBA057; /* remate del titular de la franja de clientes: el naranja del logo, aclarado hasta 4,6:1 sobre --azul */
  --gris-marca: #606062;    /* el gris del «INFORMÁTICA» del logo */

  /* Superficies */
  --fondo: #FAFAFB;
  --blanco: #FFFFFF;
  --pie-fondo: #F1F2F6;
  --halo: #E8ECF5;

  /* Tinta */
  --tinta: #1B2540;
  --tinta-2: #5A6274;
  --sobre-azul: #FFFFFF;
  --sobre-azul-2: #D5DCEC;
  --error: #B42318;

  /* Líneas y sombras */
  --linea: #E4E6EE;
  --sombra: 0 18px 50px rgba(27, 37, 64, .12);
  --sombra-suave: 0 6px 18px rgba(27, 37, 64, .06);

  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Archivo", var(--sans);
  --alto-cabecera: 81px;
  /* Lo que sube la diagonal de la franja de clientes. Con tope: en una pantalla muy ancha se comería el titular. */
  --franja-sesgo: min(3vw, 64px);
}