/* PackTrust — variables de marca. Fuente de verdad del diseño.
   Todo valor de color, tipografía o espaciado sale de acá. */

:root {
  /* Marca */
  --pt-navy:        #06222E;
  --pt-navy-soft:   #0A2C3A;
  --pt-ink:         #0B1C24;
  --pt-green:       #0D693C;
  --pt-green-mid:   #2E9D63;
  --pt-green-bright:#4FA972;
  --pt-green-pale:  #8FBF9F;
  --pt-green-mist:  #D9E3DC;

  /* Neutros */
  --pt-white:       #FFFFFF;
  --pt-cream:       #F5F3EF;
  --pt-cream-deep:  #F2F0EB;
  --pt-line:        #ECEAE5;

  /* Triples RGB para transparencias */
  --pt-ink-rgb:     11, 28, 36;
  --pt-white-rgb:   255, 255, 255;

  /* Tipografía */
  --pt-font: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --pt-fs-hero:     clamp(38px, 7.2vw, 76px);
  --pt-fs-h2:       clamp(30px, 4.8vw, 52px);
  --pt-fs-name:     clamp(34px, 5.4vw, 58px);
  --pt-fs-figure:   clamp(40px, 5.6vw, 60px);
  --pt-fs-lead:     clamp(21px, 2.6vw, 29px);
  --pt-fs-quote:    clamp(18px, 2.1vw, 22px);
  --pt-fs-h3:       clamp(20px, 1.9vw, 23px);
  --pt-fs-body:     17px;
  --pt-fs-sm:       15px;
  --pt-fs-xs:       14px;
  --pt-fs-eyebrow:  12px;

  /* Ritmo */
  --pt-shell:       1320px;
  --pt-gutter:      clamp(20px, 4vw, 40px);
  --pt-section-y:   clamp(64px, 9vw, 104px);
  --pt-gap:         clamp(20px, 2.4vw, 24px);
  --pt-gap-lg:      clamp(32px, 5vw, 64px);

  /* Formas */
  --pt-radius:      4px;
  --pt-radius-card: 6px;

  /* Transiciones */
  --pt-t:           160ms ease;
}