/* Tokens de XAMDA. Fuente única: la web y el informe leen de aquí, no cada uno su copia.
   Los valores vienen de marca/marca.json; si cambia un hex, cambia ahí y luego acá. */
:root {
  --ground: #FFFFFF;
  --surface: #F3F7F6;
  --line: #D2DEDA;
  --ink: #0A0F0D;
  --ink-muted: #57665F;
  --mint: #00FFCD;
  --on-mint: #0A0F0D;
  --shadow: 0 1px 2px rgba(10,15,13,.05), 0 10px 30px -16px rgba(10,15,13,.22);
  --step-1: 1.1875rem;
  --step-2: 1.5rem;
  --step-4: clamp(2.375rem, 1.5rem + 3.9vw, 4rem);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #070B0A; --surface: #0F1614; --line: #222F2C;
    --ink: #E7F1EE; --ink-muted: #7F918B;
    --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 36px -18px rgba(0,0,0,.85);
  }
}
:root[data-theme="dark"] {
  --ground: #070B0A; --surface: #0F1614; --line: #222F2C;
  --ink: #E7F1EE; --ink-muted: #7F918B;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 36px -18px rgba(0,0,0,.85);
}

/* El fondo va también en <html>: si solo lo pinta <body>, el navegador muestra su propio gris
   donde el documento no llega —al estirar la página, o debajo del pie—. */
html { background: var(--ground); min-height: 100%; }
body { min-height: 100vh; }
/* Y el navegador tiene que saber que la página es clara u oscura: si no lo sabe, lo que queda
   fuera del documento —el rebote al final del scroll, la barra de desplazamiento— lo pinta con su
   gris propio. Pasó dos veces (22 y 24-sep-2026); `construir.test.ts` falla si una página vuelve
   a salir sin `<!doctype html>` o sin esta hoja. */
:root { color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; } }
:root[data-theme="dark"] { color-scheme: dark; }