/* ─── Reset ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; scroll-padding-top: 72px; }
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
img, svg { display: block; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }

/* ─── Design tokens (compartidos entre todas las páginas) ──────── */
:root {
  --azul:        #20356b;
  --tinta:       #12214b;
  --tinta-deep:  #071634;
  --blanco:      #ffffff;
  --hielo:       #f5f7fb;
  --linea-clara: #d9e1f0;

  --texto-claro:      #f2f6fc;
  --texto-claro-mute: #b8c8e4;
  --texto-ink:        #12214b;
  --texto-mute:       #51618f;

  --font-display: 'STIX Two Text', Georgia, serif;
  --font-body:    'Public Sans', Helvetica, Arial, sans-serif;
}

:focus-visible {
  outline: 2px solid var(--azul);
  outline-offset: 3px;
}