:root {
  /* ================= ESPAÇAMENTO ESCALA ================= */
  --space-xxs: 0.25rem;   /* 4px */
  --space-xs: 0.5rem;     /* 8px */
  --space-sm: 1rem;       /* 16px */
  --space-md: 1.5rem;     /* 24px */
  --space-lg: 2rem;       /* 32px */
  --space-xl: 4rem;       /* 64px */
  --space-xxl: 8rem;      /* 128px */

  /* Espaçamento padrão para seções */
  --section-padding: var(--space-xl) var(--space-md);
  --section-padding-mobile: var(--space-lg) var(--space-sm);

  /* Espaçamento padrão para containers e cards */
  --container-padding: var(--space-md);
  --card-padding: var(--space-md);
  --card-gap: var(--space-sm);
  --element-gap: var(--space-xs);

  /* ================= BODY ================= */
  --color-body-bg: #F5F3EF;
  --color-body-bg-contrast: #1E1E1E;
  --color-body-bg-contrast-rgb: 30, 30, 30;
  --color-body-text: #1E1E1E;
  --color-body-subtext: #9a9999;
  --color-body-accent: #a08a74;
  --color-body-stars: #FFD700;
  --color-body-border: #DDD7CE;
  --border-radius-base: 5px;

  /* ================= BUTTONS ================= */
  --color-btn-cta-bg: #8C5E3C;
  --color-btn-cta-bg-hover: #A8744F;
  --color-btn-cta-text: #FFFFFF;
  --color-btn-cta-text-hover: #FFFFFF;
  --color-btn-wpp-bg: #25d366;
  --color-btn-wpp-bg-hover: #1ebe57;
  --color-btn-wpp-text: #fff;
  --color-btn-wpp-text-hover: #fff;
  --border-radius-btn: var(--border-radius-base);
  --height-btn-cta: 50px;
  --font-size-btn-cta: 1rem;
  --font-size-btn-cta-menubar: .75rem;
  /* Variáveis internas de link CTA */
  --color-btn-cta-internal-link-bg: none;
  --color-btn-cta-internal-link-bg-mobile: var(--color-btn-cta-bg);
  --color-btn-cta-internal-link-bg-hover: var(--color-btn-cta-bg);
  --color-btn-cta-internal-link-text: var(--color-btn-cta-text);
  --color-btn-cta-internal-link-text-hover: var(--color-btn-cta-text-hover);
  --color-btn-cta-internal-link-border: #FFFFFF;
  --color-btn-cta-internal-link-border-hover: var(--color-btn-cta-bg);

  /* ================= TYP ================= */
  --color-typ-bg: #f8f9fa;
  --color-typ-dark: #1e1e1e;
  --color-typ-text: #3d3d3d;
  --color-typ-accent: #a08a74;
  --color-typ-light: #ffffff;

  /* ================= MENUBAR ================= */
  --color-menu-bg: #1d1e21;
  --color-menu-text: #98875f;
  --color-menu-subtext: #8a7c74;
  --padding-menu-content-hw: 2rem 2.5rem;
  --padding-menu-content-mobile-hw: 3.5rem 2rem;
  --header-height: 4rem;
  --container-padding: 1.5rem;
  --font-size-menu-logo: 1.25rem;
  --font-size-menu-cta: 0.95rem;

  /* ================= HERO ================= */
  /* --color-hero-bg: #2B2D30; */
  --color-hero-bg: #1d1e21;
  --color-hero-title: #FFFFFF;
  --color-hero-subtitle: #E5E5E5;
  --padding-hero-content-hw: 2rem 2.5rem;
  --padding-hero-content-mobile-hw: 0;
  --font-size-hero-title-m: 2rem;

  /* ================= FUDS ================= */
  --color-fud-text-h2: #9d8a73;
  --color-fud-text-p: #9b9da1;

  --font-size-fud-text-h2: var(--font-xx-lg);


  /* ================ RATING ================ */
  --color-rating-stars: #fdd60c;

  /* =============== TRUST BAR ============== */
  --color-trust-bar-bg: #f5f3ef;

  /* ================= LARGEST PAIN ================= */
  --color-pain-bg: #ffffff;
  --color-pain-header: #000000;
  --color-pain-text: #4b4b4b;
  --font-size-pain-title: 2rem;
  --font-size-pain-paragraph: 1rem;
  --section-pain-padding: 4rem 1.5rem;
  --content-pain-max-width: 700px;

  /* ================= VALUE PROP ================= */
  --color-value-prop-bg: #f9f6f2;
  --color-value-prop-header: #1a1a1a;
  --color-value-prop-text: #4b4b4b;
  --section-value-prop-padding: 8rem 1.5rem;
  --value-prop-gap: 2rem;
  --max-content-width: 1200px;
  --gap-value-prop-section: 6rem;
  --gap-value-prop-section-mobile: 3rem;
  --btn-value-prop-border-radius: var(--border-radius-base);

  /* ================= BENEFITS DRIVEN ================= */
  --color-benefit-driven-bg: #f9f9f9;
  --color-benefit-driven-header: #1a1a1a;
  --color-benefit-driven-text: #4b4b4b;
  --card-benefit-border-color: #ccc;
  --card-benefit-radius: 5px;
  --section-benefit-driven-padding: 4rem 1.5rem;

  /* ================= HOW IT WORKS ================= */
  --color-hiw-bg: #e7dfd7;
  --color-hiw-header: #1a1a1a;
  --color-hiw-text: #4b4b4b;
  --section-hiw-padding: 4rem 1.5rem;

  /* ================= FAQ ================= */
  --color-faq-bg: #f9f7f5;
  --color-faq-header: #1f1f1f;
  --color-faq-text: #333333;

  /* ================= FINAL RECAP ================= */
  /* --color-recap-bg: #e7dfd8;
  --color-recap-header: #1d1e23;
  --color-recap-text: #3f3f3f; */

  --color-recap-bg: var(--color-hero-bg);
  --color-recap-header: var(--color-hero-title);
  --color-recap-text: var(--color-hero-subtitle);
  --gap-recap-container: 3rem;

  /* ================= FOOTER ================= */
  --color-footer-bg: #1E1E1E;
  --color-footer-text: #FFFFFF;
  --color-footer-accent: #a08a74;

  /* ================= TRUST BAR ================= */
  --color-trust-bar-bg: #f5f3ef;
  --color-trust-bar-text: #a08a74;

  /* ================= UTILITÁRIAS E GLOBAIS ================= */
  --font-main: 'Roboto', sans-serif;
  --font-size-base: 1rem;
  --font-size-h1: 2rem;
  --font-size-h2: 1.5rem;
  --font-size-p: 1rem;
  --font-xx-lg: 3rem;
  --font-x-lg: 2.5rem;
  --font-lg: 2rem;
  --font-x-md: 1.5rem;
  --font-md: 1.125rem;
  --font-sm: 0.875rem;
  /* Duplicadas e não utilizadas: comentar ou remover após revisão */
  /* --color-bg, --color-text, --color-accent, --color-border, --border-radius, --color-muted, --section-padding, --max-content-width, --card-radius, --font-size-title, --font-size-paragraph */

  /* ================= FOCUS ================= */
  --outline-focus: 2px solid var(--color-body-accent);
  --outline-focus-offset: 2px;
}