:root {
  /* Primárias */
  --color-primary:       #0E1B3A;
  --color-accent:        #C9A227;
  --color-accent-light:  #D9BE68;
  --color-bg:            #FFFFFF;
  --color-bg-alt:        #F8F6F2;  /* off-white para seções alternadas */

  /* Texto */
  --color-text:          #1A1A1A;
  --color-text-light:    #F5F0E8;
  --color-text-muted:    #6B6B6B;  /* mínimo 4.5:1 em fundos claros — WCAG AA */

  /* Utilitárias */
  --color-whatsapp: #25D366;
  --color-divider:  rgba(201, 162, 39, 0.25);

  /* Tipografia */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Montserrat', system-ui, sans-serif;

  /* Escala tipográfica */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.375rem;   /* 22px */
  --text-2xl:  1.75rem;    /* 28px */
  --text-3xl:  2.25rem;    /* 36px */
  --text-4xl:  3rem;       /* 48px */

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.10);
  --shadow-gold: 0 4px 24px rgba(201, 162, 39, 0.20);

  /* Espaçamentos de seção */
  --section-padding-y: 4rem;
  --section-padding-x: 1.25rem;
}

@media (min-width: 768px) {
  :root {
    --section-padding-y: 5rem;
    --section-padding-x: 2rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --section-padding-y: 6rem;
    --section-padding-x: 0;
  }
}