/* ==========================================================================
   base.css — tokens e tipografia do site do @antonioams
   Paleta herdada de templates/STYLE_GUIDE_v4_1.py (mesma do mídia kit).
   Tema escuro único, deliberado: é a identidade da marca.
   ========================================================================== */

:root{
  color-scheme:dark;

  --ground:#16181C;
  --raise:#1D2026;
  --raise-2:#23262C;
  --accent:#FFD13B;
  --ink:#EEEEEE;
  --muted:#96989E;
  --rule:#3A3E44;
  --pos:#7AE0A0;
  --info:#78B2FF;
  --warn:#FF8C3C;

  --measure:68ch;
  --radius:10px;
}

*{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block;}
strong{font-weight:700;color:#fff;}
a{color:var(--accent);}

/* Foco visível — acessibilidade em fundo escuro */
a:focus-visible,button:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
  border-radius:4px;
}

.eyebrow{
  font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin:0 0 14px;
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}