/* ============================================================
   HSTAGING.IO — Design System (SSoT)
   Self-hosted General Sans + tokens. Root=10px (Core Framework owns html size).
   Per-client prefix: --hs-*  ·  v1.0.0
   ============================================================ */
@font-face{font-family:'General Sans';src:url('fonts/general-sans-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('fonts/general-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('fonts/general-sans-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('fonts/general-sans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  /* INK — secções escuras */
  --hs-ink:#161311; --hs-ink-soft:#211D19; --hs-on-ink:#F2EEE7; --hs-on-ink-mut:#A39B8C; --hs-ink-line:#2C2722;
  /* BONE — secções claras */
  --hs-bone:#F6F4EF; --hs-bone-soft:#FFFFFF; --hs-on-bone:#1A1714; --hs-on-bone-mut:#857E72; --hs-bone-line:#E4DED3;
  /* GOLD — acento champanhe */
  --hs-gold:#C9A961; --hs-gold-deep:#B8954E; --hs-gold-tint:rgba(201,169,97,.15);
  /* Tipografia */
  --hs-font:'General Sans',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hs-t-display:clamp(4.8rem,9vw,9.6rem);
  --hs-t-h1:clamp(3.6rem,6vw,6.4rem);
  --hs-t-h2:clamp(2.8rem,4vw,4.4rem);
  --hs-t-h3:clamp(2.0rem,2.4vw,2.8rem);
  --hs-t-h4:1.8rem; --hs-t-body:1.8rem; --hs-t-small:1.5rem; --hs-t-eyebrow:1.3rem;
  --hs-track-tight:-0.03em; --hs-track-display:-0.04em; --hs-track-eyebrow:0.16em;
  /* Espaço / layout */
  --hs-container:1280px; --hs-gutter:clamp(2rem,5vw,8rem); --hs-section-y:clamp(8rem,12vw,16rem);
  --hs-radius:0px; --hs-hairline:1px;
}

/* Família por defeito (NÃO mexer no html font-size — Core Framework é dono) */
body{font-family:var(--hs-font);}
body :where(h1,h2,h3,h4,h5,h6){font-family:var(--hs-font);letter-spacing:var(--hs-track-tight);}

/* Helpers DS (uso opcional ao construir) */
.hs-eyebrow{font-size:var(--hs-t-eyebrow);font-weight:500;text-transform:uppercase;letter-spacing:var(--hs-track-eyebrow);color:var(--hs-gold);}
.hs-display{font-size:var(--hs-t-display);font-weight:400;letter-spacing:var(--hs-track-display);line-height:.96;}

/* Acessibilidade — reduce motion (fallback global) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}