:root {
    --accent: #c2c937 !important;
    --primary-font: Poppins, sans-serif;
    --secondary-font: Open Sans, sans-serif;
}

/* =========================
   FUNDO GERAL DO SITE
========================= */
html,
body {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* =========================
   NAVBAR
========================= */
nav,
.navbar,
.header,
.site-header {
  background-color: #ffffff !important;
}

nav a,
.navbar a,
nav span,
.navbar span {
  color: #000000 !important;
}

/* =========================
   TÍTULOS DE SEÇÃO (SEMPRE PRETO)
========================= */
.cs-section_title,
.cs-section_title * {
  color: #000000 !important;
}

/* =========================
   PARÁGRAFOS ESTILO 1
========================= */
.cs-style1 p {
  color: #000000 !important;
}

/* =========================
   ICON BOX – TÍTULOS E SUBTÍTULOS
========================= */
.cs-iconbox_title,
.cs-iconbox_subtitle {
  color: #000000 !important;
}

/* =========================
   ACORDEÃO – TÍTULOS
========================= */
.cs-accordian_title {
  color: #000000 !important;
}

/* =========================
   FOOTER – TEXTOS PRETOS
========================= */
footer,
footer p,
footer a,
footer span,
footer li,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #000000 !important;
}

/* =========================
   BLOCO PRETO → TEXTO BRANCO
   usar: class="section-black"
========================= */
.section-black {
  background-color: #000000 !important;
}

.section-black p,
.section-black span,
.section-black li,
.section-black h1,
.section-black h2,
.section-black h3,
.section-black h4,
.section-black h5,
.section-black h6,
.section-black a {
  color: #ffffff !important;
}

/* =========================
   LISTAS (UL / LI)
========================= */

/* Lista solta no fundo do site → PRETO */
body > ul li {
  color: #000000 !important;
}

/* Garantia para bloco preto */
.section-black ul li {
  color: #ffffff !important;
}