/* =========================================================
   Tokens — escala tipográfica e de espaçamento espelhada da
   página de referência (bambulab.com/pt-br/a2l), 3 degraus:
   < 1025px · ≥ 1025px · ≥ 1440px.
   Marca 3D Club: navy #050A30 + verde #00AE42.
   ========================================================= */
:root {
  /* tipografia — mobile/tablet */
  --Display-2-Size: 40px;   --Display-2-Line-Height: 44px;
  --Headline-3-Size: 28px;  --Headline-3-Line-Height: 31px;
  --Title-1-Size: 22px;     --Title-1-Line-Height: 27px;
  --Title-2-Size: 20px;     --Title-2-Line-Height: 24px;
  --Title-3-Size: 20px;     --Title-3-Line-Height: 24px;
  --Title-4-Size: 18px;     --Title-4-Line-Height: 23px;
  --Body-1-Size: 16px;      --Body-1-Line-Height: 21px;
  --Body-2-Size: 14px;      --Body-2-Line-Height: 19px;
  --Body-3-Size: 14px;      --Body-3-Line-Height: 20px;
  --Body-4-Size: 12px;      --Body-4-Line-Height: 17px;
  --Button-1-Size: 14px;    --Button-1-Line-Height: 20px;
  --Description-1-Size: 12px; --Description-1-Line-Height: 17px;

  /* espaçamentos — mobile/tablet */
  --Section-Gap-1: 32px;  --Section-Gap-2: 48px;  --Section-Gap-3: 56px;
  --Section-Gap-5: 80px;  --Section-Gap-7: 140px; --Section-Gap-8: 160px;
  --Content-Gap-1: 2px;   --Content-Gap-2: 4px;   --Content-Gap-3: 8px;
  --Content-Gap-4: 10px;  --Content-Gap-5: 12px;  --Content-Gap-6: 12px;
  --Content-Gap-7: 14px;  --Content-Gap-8: 18px;
  --Gutter-Gap-1: 16px;

  /* barras fixas */
  --navBarHeight: 50px;
  --fixedTop: 50px;
  --vh100: 100vh;
  --vh100-fixedTop: calc(100vh - 50px);

  /* cores de produto (referência) */
  --a2l-color: #5dc700;
  --a2l-color-dark: #64d402;
  --ink: #1a1a1a;
  --ink-soft: #505050;
  --ink-mute: #949494;
  --ink-on-dark: #f5f5f5;
  --desc-on-dark: #c2c2c2;
  --page-bg: #fafafa;
  --hero-bg: #f5f5f5;
  --cta: #00ae42;
  --cta-hover: #008733;

  /* marca 3D Club */
  --club-navy: #050a30;
  --club-midnight: #0a1240;
  --club-line: #232b57;
  --club-mist: #8a91b4;
  --club-green: #00ae42;

  --font: "Manrope", "Open Sans", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

@media (min-width: 1025px) {
  :root {
    --Display-2-Size: 56px;   --Display-2-Line-Height: 61px;
    --Headline-3-Size: 36px;  --Headline-3-Line-Height: 40px;
    --Title-1-Size: 30px;     --Title-1-Line-Height: 36px;
    --Title-2-Size: 24px;     --Title-2-Line-Height: 29px;
    --Title-3-Size: 20px;     --Title-3-Line-Height: 24px;
    --Title-4-Size: 18px;     --Title-4-Line-Height: 23px;
    --Body-4-Size: 14px;      --Body-4-Line-Height: 20px;

    --Section-Gap-1: 48px;  --Section-Gap-2: 60px;  --Section-Gap-3: 80px;
    --Section-Gap-5: 120px; --Section-Gap-7: 180px; --Section-Gap-8: 240px;
    --Content-Gap-1: 4px;   --Content-Gap-2: 6px;   --Content-Gap-3: 10px;
    --Content-Gap-4: 12px;  --Content-Gap-5: 16px;  --Content-Gap-6: 18px;
    --Content-Gap-7: 20px;  --Content-Gap-8: 24px;
    --Gutter-Gap-1: 18px;

    --navBarHeight: 56px;
    --fixedTop: 56px;
    --vh100-fixedTop: calc(100vh - 56px);
  }
}

@media (min-width: 1440px) {
  :root {
    --Display-2-Size: 72px;   --Display-2-Line-Height: 79px;
    --Headline-3-Size: 48px;  --Headline-3-Line-Height: 53px;
    --Title-1-Size: 34px;     --Title-1-Line-Height: 41px;
    --Title-2-Size: 30px;     --Title-2-Line-Height: 36px;
    --Title-3-Size: 24px;     --Title-3-Line-Height: 29px;
    --Title-4-Size: 20px;     --Title-4-Line-Height: 26px;
    --Body-1-Size: 18px;      --Body-1-Line-Height: 24px;
    --Body-2-Size: 16px;      --Body-2-Line-Height: 21px;
    --Button-1-Size: 16px;    --Button-1-Line-Height: 22px;

    --Section-Gap-1: 60px;  --Section-Gap-2: 80px;  --Section-Gap-3: 100px;
    --Section-Gap-5: 160px; --Section-Gap-7: 240px; --Section-Gap-8: 320px;
    --Content-Gap-2: 8px;   --Content-Gap-3: 12px;  --Content-Gap-4: 16px;
    --Content-Gap-5: 18px;  --Content-Gap-6: 20px;  --Content-Gap-7: 24px;
    --Content-Gap-8: 32px;
    --Gutter-Gap-1: 24px;
  }
}