/* ==========================================================================
   TOKENS — extraidos do Figma "RG Impact" (file ONQqB3G94eRN9aRc49Kjxg)
   Nao usar valores soltos fora daqui.
   ========================================================================== */
:root {
  /* --- Cores ------------------------------------------------------------ */
  --rg-teal:        #19393c;  /* card escuro, botao escuro */
  --rg-teal-alt:    #1a3e41;
  --rg-green:       #203428;  /* corpo de texto */
  --rg-bronze:      #b4875a;  /* botao primario, icones, acento */
  --rg-cream:       #f7f4eb;  /* fundo de secao clara */
  --rg-sand:        #e8dacc;  /* fundo secao fundadora */
  --rg-brown:       #411b1b;  /* titulos */
  --rg-brown-alt:   #43211c;  /* variacao de titulo presente no Figma */
  --rg-white:       #ffffff;
  --rg-black:       #010101;

  --rg-text:        var(--rg-green);
  --rg-heading:     var(--rg-brown);

  /* --- Tipografia ------------------------------------------------------- */
  /* O layout usa "Google Sans Flex", fonte proprietaria do Google sem licenca
     para uso em sites de terceiros. Substituida por Figtree (SIL OFL).
     Para trocar, altere apenas --rg-font. */
  --rg-font: "Figtree", "Helvetica Neue", Arial, sans-serif;

  --rg-fs-h1:    48px;  /* hero            SemiBold */
  --rg-fs-h2:    44px;  /* titulo de secao SemiBold */
  --rg-fs-h3:    36px;  /* titulo de card  Medium   */
  --rg-fs-h4:    34px;  /* subtitulo hero  Regular  */
  --rg-fs-h5:    26px;  /* rotulo de eixo  Medium   */
  --rg-fs-lead:  24px;  /* linha de apoio  Italic   */
  --rg-fs-lead-sm: 20px;
  --rg-fs-body:  18px;  /* corpo           Regular  */
  --rg-fs-sm:    16px;
  --rg-fs-nav:   15px;
  --rg-fs-xs:    13px;
  --rg-fs-tiny:  10px;

  --rg-lh-tight: 1.09;  /* titulos 44/48 */
  --rg-lh-h3:    1.22;  /* 36 e 26 */
  --rg-lh-body:  27px;  /* corpo 18px -> 1.5 */
  --rg-lh-lead:  32px;  /* lead 24px. O Figma usa 27px (1.12), apertado demais
                           na Figtree; 32px devolve o respiro do original. */

  --rg-ls-tight: -0.05em; /* alguns titulos do Figma */
  --rg-ls-body:   0.02em;

  /* --- Layout ----------------------------------------------------------- */
  /* Respiro vertical das secoes — igual em cima e embaixo.
     No Figma varia (81, 101, 103, 105, 109 no topo; 59, 64, 78, 98, 104 na base). */
  --rg-secao-y:     104px;

  --rg-canvas:      1440px; /* largura do frame no Figma */
  --rg-container:   1228px; /* confirmado pela grade de cards (106 -> 1334) */
  --rg-gutter:      106px;

  /* --- Componentes ------------------------------------------------------ */
  --rg-btn-h:       58px;
  --rg-btn-radius:  999px;  /* Figma: cornerRadius 500 = pilula */
  --rg-btn-px:      32px;
  --rg-card-radius: 16px;

  /* Movimento. Tom definido com a Mariana: presente e editorial. */
  --rg-ease:      cubic-bezier(.16, 1, .3, 1);   /* saida suave, entrada rapida */
  --rg-dur-rapida: 200ms;
  --rg-dur-media:  380ms;

  /* Slider do hero */
  --rg-hero-intervalo: 7s;    /* tempo de cada imagem */
  --rg-hero-fade:      1200ms;/* cruzamento entre imagens */
  --rg-hero-ken:       9s;    /* duracao do ken burns (intervalo + fade) */
  --rg-hero-zoom:      1.10;  /* ampliacao no fim do movimento */

  /* Revelacao ao rolar. Tom definido com a Mariana: presente e editorial. */
  --rg-rev-dur:     700ms;  /* duracao da entrada */
  --rg-rev-desloc:  32px;   /* de quanto o elemento sobe */
  --rg-rev-passo:   70ms;   /* atraso entre um elemento e o seguinte */
  --rg-foto-radius: 24px;  /* raio das fotos mascaradas no Figma (~25px) */

  /* Respiro entre o fim de um texto e o botao. No Figma varia (21, 44, 62 e
     74px) sem regra; padronizado aqui. */
  --rg-gap-cta: 40px;

  /* --- Alturas de secao (Figma, desktop 1440) --------------------------- */
  --rg-h-hero:      757px;
  --rg-h-faixa:     263px;
}