/* A11 Sports — preview · design tokens (fonte única — não redefinir local) */

/* Anton vem do Google Fonts (charset completo p/ PT: Ã Ê Í Õ Ç) — ver <link> no HTML.
   O woff2 local fica de fallback nomeado, caso a rede do Google caia. */
@font-face{font-family:'Anton Local';src:url('../fonts/anton-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/barlow-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow SC';src:url('../fonts/barlow-semi-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  /* superfícies */
  --ink:#0b0b0c;
  --ink-2:#141416;
  --ink-3:#1e1e21;
  --paper:#f4f3ef;
  --paper-2:#e9e7e0;

  /* acento — único ponto de cor */
  --bone:#cdbfa6;
  --bone-deep:#a8946f;

  /* linhas */
  --line:#2b2b2e;
  --line-paper:#cbc9c2;

  /* texto */
  --ink-on-dark:#f4f3ef;
  --mute:#8f8d86;
  --ink-on-paper:#26251f;
  --mute-paper:#6c6a63;

  /* tipo */
  --font-display:'Anton','Anton Local',Impact,'Arial Narrow Bold',sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-mono:'Barlow SC','Barlow Semi Condensed',var(--font-body);

  /* escala fluida */
  --fs-hero:clamp(3rem,11vw,9rem);
  --fs-h2:clamp(2.2rem,6vw,4.5rem);
  --fs-outro:clamp(4rem,18vw,15rem);
  --fs-kicker:.72rem;
  --fs-body:1rem;

  /* layout */
  --maxw:1280px;
  --gut:clamp(20px,5vw,72px);
  --bar-h:76px;
  --bar-h-condensed:56px;

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --dur:.7s;
  --dur-fast:.32s;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--ink);
  color:var(--ink-on-dark);
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4,.display{
  font-family:var(--font-display);
  font-weight:400;
  line-height:.92;
  letter-spacing:.01em;
  text-transform:uppercase;
}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--bone);outline-offset:3px}

.kicker{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:var(--fs-kicker);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--mute);
}

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