/* Tokens de la variante "Arquitectura" — rc1 (2026-09-25).
   Se cargan después de ../../styles.css y sustituyen SOLO estos valores del sistema base.
   Motivo: titulares sans de mayor presencia (brief de dirección visual §4). La serif queda para --text-quote. */
:root {
  --text-display: 500 clamp(42px, 6vw, 96px)/0.98 var(--font-sans);
  --text-h1: 500 clamp(34px, 4.2vw, 58px)/1.04 var(--font-sans);
  --text-h2: 500 clamp(28px, 3.1vw, 44px)/1.08 var(--font-sans);
  --text-h3: 500 26px/1.15 var(--font-sans);
  --text-h4: 500 21px/1.25 var(--font-sans);
  --tracking-display: -0.028em;
  --tracking-h12: -0.02em;
  --tracking-h34: -0.01em;
  /* Excepción documentada a "sin degradados": scrim funcional del hero para legibilidad del texto sobre fotografía. */
  --scrim-hero: linear-gradient(180deg, rgba(31,30,27,0.45) 0%, rgba(31,30,27,0) 26%, rgba(31,30,27,0) 48%, rgba(31,30,27,0.82) 100%);
}
h1, h2 { letter-spacing: var(--tracking-h12); }
h3, h4 { letter-spacing: var(--tracking-h34); }
body { margin: 0; }
* { box-sizing: border-box; }
a { color: var(--fg-link); }
a:hover { color: var(--graphite-900); }
@keyframes szw-pulse { 0%, 100% { opacity: .55 } 50% { opacity: 1 } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }