/* ==============================================================
   Lucas Abreu · Sahara — Overrides v4
   Paleta camadas + Familjen Grotesk + ajustes finos
   Carregar APÓS tokens.css em todas as páginas.
   ============================================================== */

/* ============ TIPOGRAFIA — H1 / H2 (Familjen Grotesk) ============ */
/* Páginas internas usam classes específicas. Cobertura ampla: */
section.section h1,
section.section h2,
.recognize h2,
.tese-head h2,
.eco-head h2,
.testim-head h2,
.sobre h2,
.lead-text h2,
.para-head h2,
.faq-head h2,
.cta h2,
.hero h1,
.sobre h1,
.cafe-hero h1,
.formacao-hero h1,
.imersao-hero h1,
.jornada-hero h1,
.leva-head h2,
.scenarios-head h2,
.dim-head h2,
.is-isnt-head h2,
.process-head h2,
.themes-head h2,
.qualify-head h2,
.invest-text h2,
.final-cta h2,
.invisible h2,
.fm-hero h1,
.problem-head h2,
.format-head h2,
.archetype-text h2,
.modules-head h2,
.organize-head h2,
.im-hero h1,
.cost-head h2,
.living-head h2,
.result-head h2,
.paths-head h2,
.bridge-text h2,
.jr-hero h1,
.pulse-head h2,
.dims-head h2,
.year-head h2,
.gate-head h2,
.proof-head h2,
.cases-head h2,
.section-h2,
h1.display, h1.h1,
[data-h-grotesk] {
  font-family: 'Familjen Grotesk', 'Nunito Sans', Georgia, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}
.recognize h2 em,
.tese-head h2 em,
.eco-head h2 em,
.testim-head h2 em,
.sobre h2 em,
.lead-text h2 em,
.para-head h2 em,
.faq-head h2 em,
.cta h2 em,
.hero h1 em,
.sobre h1 em,
.cafe-hero h1 em,
.formacao-hero h1 em,
.imersao-hero h1 em,
.jornada-hero h1 em,
.leva-head h2 em,
.scenarios-head h2 em,
.dim-head h2 em,
.is-isnt-head h2 em,
.process-head h2 em,
.themes-head h2 em,
.qualify-head h2 em,
.invest-text h2 em,
.final-cta h2 em,
.invisible h2 em,
.fm-hero h1 em,
.problem-head h2 em,
.format-head h2 em,
.archetype-text h2 em,
.modules-head h2 em,
.organize-head h2 em,
.im-hero h1 em,
.cost-head h2 em,
.living-head h2 em,
.result-head h2 em,
.paths-head h2 em,
.bridge-text h2 em,
.jr-hero h1 em,
.pulse-head h2 em,
.dims-head h2 em,
.year-head h2 em,
.gate-head h2 em,
.proof-head h2 em,
.cases-head h2 em,
section.section h1 em,
section.section h2 em,
h1.display em, h1.h1 em,
[data-h-grotesk] em {
  font-family: 'Familjen Grotesk', 'Nunito Sans', Georgia, sans-serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

/* ============ BOTÃO ghost claro → outline mostarda ============ */
.btn-ghost-light {
  border-color: var(--color-brand-gold) !important;
  color: var(--color-brand-gold-light) !important;
}
.btn-ghost-light:hover {
  border-color: var(--color-brand-gold-light) !important;
  background: rgba(212,162,76,0.08) !important;
  color: var(--color-brand-gold-light) !important;
}

/* ============ LEAD → cinza-névoa frio (só quando é seção lead, não classe utilitária) ============ */
section.lead { background: var(--color-brand-mist-soft) !important; }

/* ============ FAQ — sem cards, mais aberto ============ */
.faq-list { border-top-color: var(--color-brand-mist-deep) !important; }
.faq-item { border-bottom-color: var(--color-brand-mist-deep) !important; }
.faq-q {
  font-style: normal !important;
  font-family: 'Familjen Grotesk', 'Nunito Sans', Georgia, sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.125rem, 1.9vw, 1.45rem) !important;
  letter-spacing: -0.01em !important;
  padding: 36px 56px 36px 0 !important;
  color: var(--color-brand-night) !important;
}
.faq-q::before { content: none !important; }
.faq-q::after { color: var(--color-brand-teal) !important; font-size: 32px !important; }
.faq-a-inner {
  border-left: 0 !important;
  padding: 4px 8px 40px 0 !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
  max-width: none !important;
}

/* ============ SEÇÕES ESCURAS — gradiente azul-noite → preto (paleta unificada) ============ */
/* Todas as seções de fundo azul-escuro agora fluem do navy para o quase-preto */
.recognize,
.eco,
.cta,
.invisible,
.qualify,
.is-isnt,
.format,
.modules,
.gate,
.proof,
.cases,
.bridge,
.final-cta,
.fm-hero,
.cafe-hero      { background: linear-gradient(180deg, #0B1E2F 0%, #04090F 100%) !important; }

/* Cards/painéis escuros — versão ligeiramente mais aberta */
.invest-card,
.flow-band      { background: linear-gradient(180deg, #0E2336 0%, #050B14 100%) !important; }

/* Footer — tom mais profundo ainda */
.footer         { background: linear-gradient(180deg, #04090F 0%, #010305 100%) !important; }

/* Manter paleta verde (imersão) e parchment claro (eco-light, leva, themes, etc) intactos */
.para           { background: var(--color-brand-teal) !important; }

/* ============ ITÁLICOS por contexto ============ */
/* Verde-petróleo sobre fundos claros */
.tese-head h2 em,
.testim-head h2 em,
.sobre h2 em,
.lead-text h2 em,
.faq-head h2 em,
.clientes-head h3 em,
.tese-cta-headline em,
.sobre p em,
.sobre-text .bio-formation em,
.sobre-text .bio-result em,
.tese-col .applied strong,
.leva-head h2 em,
.process-head h2 em,
.themes-head h2 em,
.invest-text h2 em,
.dim-head h2 em,
.problem-head h2 em,
.archetype-text h2 em,
.modules-head h2 em,
.organize-head h2 em,
.cost-head h2 em,
.living-head h2 em,
.paths-head h2 em,
.pulse-head h2 em,
.year-head h2 em,
.cases-head h2 em {
  color: var(--color-brand-teal) !important;
}
/* Mostarda clara sobre fundos escuros */
.recognize h2 em,
.eco-head h2 em,
.cta h2 em,
.hero h1 em,
.para-head h2 em,
.scenarios-head h2 em,
.cafe-hero h1 em,
.formacao-hero h1 em,
.imersao-hero h1 em,
.jornada-hero h1 em,
.invisible h2 em,
.is-isnt-head h2 em,
.qualify-head h2 em,
.gate-head h2 em,
.final-cta h2 em,
.fm-hero h1 em,
.format-head h2 em,
.im-hero h1 em,
.process-head h2 em,
.bridge-text h2 em,
.jr-hero h1 em,
.result-head h2 em,
.dims-head h2 em,
.proof-head h2 em {
  color: var(--color-brand-gold-light) !important;
}

/* ============ HERO de páginas internas — alinhar com home ============ */
.cafe-hero      { background: var(--color-brand-night) !important; }
.formacao-hero  { background: var(--color-brand-teal) !important; }
.imersao-hero   { background: var(--color-brand-night-deep) !important; }
.jornada-hero   { background: var(--color-brand-steel) !important; }