/* Ximple · tokens de identidad (fuente única de los valores de la marca).
   Todas las páginas (landing, /docs, legales) cargan ESTA hoja y NO repiten los valores.
   Si cambiás un token acá, cambia en todos lados. Documentado en landing/DESIGN.md.

   Estilo vigente (16/09, pedido de Jorge: "el mismo estilo que la presentación"):
   editorial plano sobre gris claro, con un único acento azul marino. Sin sombras,
   sin bordes redondeados, sin degradados. Títulos Montserrat, cuerpo Open Sans.
   Contraste (WCAG + APCA): azul marino #1F3864 sobre #F2F2F2 = 10,6:1 · cuerpo #333333 = 9,9:1. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;0,700;1,600&family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');
:root{
  /* superficies */
  --fondo:#F2F2F2;            /* gris claro de la presentación */
  --sup:#FFFFFF;              /* superficies blancas (pocas: el estilo es plano) */
  --sup-2:#EAEAEA;
  --oscura:#E9E9E9;           /* banda alterna (antes banda oscura) */
  --clara:#FAFAFA;            /* banda alterna más clara */
  --marino:#1F3864;           /* el acento único */
  --marino-oscuro:#16294A;    /* el hero de la portada: banda marino oscuro */
  /* texto */
  --texto:#333333;            /* cuerpo · 9,9:1 sobre el fondo */
  --texto-64:#444444;
  --texto-48:#5A5A5A;
  --texto-40:rgba(0,0,0,.45);
  /* líneas */
  --linea:rgba(31,56,100,.22);
  --linea-suave:rgba(31,56,100,.14);
  /* acento (la marca) */
  --acento:#1F3864;           /* azul marino sobre claro · 10,6:1 */
  --acento-suave:#1F4E79;     /* entregables/bajadas en cursiva */
  --acento-oscuro:#14284A;    /* hover */
  /* tipografía */
  --fuente-titulo:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --fuente-cuerpo:'Open Sans','Helvetica Neue',Arial,sans-serif;
  --grad:linear-gradient(90deg,#1F3864 0%,#1F3864 100%);  /* sin degradados: el acento es plano */
  /* alias de compatibilidad (los HTML viejos usan estos nombres) */
  --blanco:#FFFFFF; --negro:#1F3864; --negro-64:var(--texto-64); --negro-48:var(--texto-48);
  --gris-10:rgba(31,56,100,.06); --gris-20:rgba(31,56,100,.12); --purple:var(--acento);
  /* forma: plana, sin redondeos */
  --r-sm:0px; --r-card:0px; --r-lg:0px; --r-xl:0px;
  --max:1120px;
  /* sombra: el estilo es plano */
  --sombra:none;
  --sombra-suave:none;
}