/* ==========================================================================
   Alias de tokens.
   Las hojas de cada bloque se portan desde reference/pardo-diaz.html
   reemplazando --pd-* por --luh-* según esta tabla. Nunca usar hex sueltos
   en un bloque: si hace falta un color nuevo, va primero a theme.json.
   ========================================================================== */
:root{
  --luh-blue:        var(--wp--preset--color--primary);         /* --pd-blue      */
  --luh-blue-700:    var(--wp--preset--color--primary-strong);  /* --pd-blue-700  */
  --luh-blue-200:    var(--wp--preset--color--primary-soft);    /* --pd-blue-200  */
  --luh-blue-100:    var(--wp--preset--color--primary-muted);   /* --pd-blue-100  */
  --luh-blue-50:     var(--wp--preset--color--primary-tint);    /* --pd-blue-50   */
  --luh-ink:         var(--wp--preset--color--ink);             /* --pd-ink       */
  --luh-body:        var(--wp--preset--color--body);            /* --pd-body      */
  --luh-slate:       var(--wp--preset--color--muted);           /* --pd-slate     */
  --luh-line:        var(--wp--preset--color--line);            /* --pd-line      */
  --luh-surface:     var(--wp--preset--color--surface);         /* --pd-surface   */
  --luh-page:        var(--wp--preset--color--base);            /* --pd-page      */

  --font-display:    var(--wp--preset--font-family--display);
  --font-body:       var(--wp--preset--font-family--body);
  --step--1:         var(--wp--preset--font-size--step--1);
  --step-0:          var(--wp--preset--font-size--step-0);
  --step-1:          var(--wp--preset--font-size--step-1);
  --step-2:          var(--wp--preset--font-size--step-2);
  --step-3:          var(--wp--preset--font-size--step-3);
  --step-4:          var(--wp--preset--font-size--step-4);

  --wrap:            var(--wp--custom--wrap);
  --gutter:          var(--wp--custom--gutter);
  --section-y:       var(--wp--custom--section-y);
  --radius:          var(--wp--custom--radius);
  --radius-lg:       var(--wp--custom--radius-lg);

  /* Semánticos: cada variación de estilo (Pardo Díaz, C3) los redefine en theme.json */
  --luh-hero-panel:    var(--wp--custom--hero--panel);
  --luh-hero-on-panel: var(--wp--custom--hero--on-panel);
  --luh-hero-cta-bg:   var(--wp--custom--hero--cta-bg);
  --luh-hero-cta-text: var(--wp--custom--hero--cta-text);
  --luh-step-shape:    var(--wp--custom--step--marker-shape);
  --luh-step-size:     var(--wp--custom--step--marker-size);
  --luh-logo-w:        var(--wp--custom--logo--width);
  --luh-logo-w-narrow: var(--wp--custom--logo--width-narrow);
  --luh-logo-w-footer: var(--wp--custom--logo--footer-width);
  --luh-footer-bg:     var(--wp--custom--footer--bg);
  --luh-footer-text:   var(--wp--custom--footer--text);
  --luh-whatsapp:      var(--wp--custom--whatsapp);
}

/* Base heredada del prototipo (sección BASE) */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{margin:0}
p{margin:0}
:focus-visible{outline:3px solid var(--luh-blue-700);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--luh-page);padding:.6rem 1rem;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}