/* ============================================================
   TOKENS — valores extraídos do site institucional via
   getComputedStyle (13/08/2026). Único arquivo com cor, fonte
   e forma: nenhum outro tem valor literal.

   Ainda inferido (marcado com PENDENTE): tokens do botão
   primário. Ver LEIA-ME.md.
   ============================================================ */

:root {
  /* --- Cor ---------------------------------------------------- */
  --ink:            #121212;   /* AMOSTRADO: rodapé e faixa Xburn  */
  --ink-soft:       #1E1E1E;
  --paper:          #FFFFFF;   /* EXTRAÍDO: fundo do body          */
  --paper-soft:     #FAFAFA;   /* AMOSTRADO: hero do produto       */
  --paper-alt:      #F5F5F7;   /* AMOSTRADO: seções alternadas     */
  --line:           #E6E6E8;
  --line-strong:    #CBCBCF;

  --text:           #121111;   /* EXTRAÍDO: cor dos títulos         */
  --text-muted:     #6A6A6E;
  --text-invert:    #FFFFFF;
  --text-invert-mu: #A0A0A4;

  /* AMOSTRADO do print: a marca tem verde, e ele é o acento.
     O escuro é o botão primário; o claro só vive sobre preto. */
  --accent:         #23614C;
  --accent-text:    #FFFFFF;
  --accent-hover:   #1B4E3C;
  --accent-bright:  #20B362;   /* logo Xburn, sobre fundo escuro    */

  /* AMOSTRADO do header oficial: barra flutuante branca, botão
     em cinza-carvão e links num cinza médio. */
  --header-shadow:  0 2px 6px rgba(18,17,17,.05), 0 12px 32px rgba(18,17,17,.08);

  --ok:             #1D7A4F;
  --warn:           #8A5A00;
  --danger:         #A3282B;
  --danger-bg:      #FCEFEF;

  /* --- Tipografia --------------------------------------------- */
  /* EXTRAÍDO: Manrope em todo o site, Anton nos momentos de
     display. O peso dos títulos é 600, não 500.                  */
  --font-display: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-accent:  "Anton", "Manrope", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  --weight-body:    400;
  --weight-medium:  500;
  --weight-display: 600;   /* EXTRAÍDO: peso dos títulos           */

  /* EXTRAÍDO: 72px no display, 36px no H1 de seção.
     Razão de 2 entre os dois degraus.                            */
  --fs-display: clamp(2.5rem, 5.6vw, 4.5rem);   /* teto 72px      */
  --fs-h1:      clamp(1.75rem, 3.4vw, 2.25rem); /* teto 36px      */
  --fs-h2:      clamp(1.35rem, 2.2vw, 1.5rem);  /* teto 24px      */
  --fs-h3:      1.125rem;
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  /* EXTRAÍDO: o tracking negativo é exclusivo do tamanho display.
     No H1 de 36px o site usa 'normal'. Não é regra global.       */
  --tracking-display: -0.04em;
  --tracking-heading: normal;
  --tracking-eyebrow: 0.14em;

  --leading-display: 0.97;   /* EXTRAÍDO: 69.84px sobre 72px      */
  --leading-heading: 1.1;    /* EXTRAÍDO: 39.6px sobre 36px       */
  --leading-body:    1.6;

  /* --- Espaço e forma ------------------------------------------ */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* AMOSTRADO: botões e cards usam canto suave, não pílula. */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-card: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --max-w: 1240px;
  --gutter: clamp(16px, 4vw, 40px);

  --shadow-card: 0 1px 2px rgba(18,17,17,.05), 0 8px 24px rgba(18,17,17,.06);
  --shadow-pop:  0 24px 64px rgba(18,17,17,.22);

  /* --- Movimento ----------------------------------------------- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 140ms;
  --dur: 260ms;
  --dur-slow: 520ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slow: 0ms; }
}