/* ============================================================
   Atende IA — Landing (TEMA ESCURO)
   Camada de override aplicada DEPOIS de landing.css.
   Mesma estrutura, paleta escura: grafite + jade brilhante.
   ============================================================ */
:root {
  /* superfícies escuras */
  --paper: #0A0D08;
  --paper-2: #141810;
  --cream: #12160E;
  --line: #262C20;
  --line-2: #343B2B;

  /* tinta agora é clara (texto) */
  --ink: #ECEFE6;
  --slate: #A8AD9D;
  --ink-soft: #868C79;

  /* jade brilhante p/ contraste no escuro */
  --jade: #1FAE7E;
  --jade-ink: #43D29E;
  --jade-bright: #2FC08C;
  --jade-glow: #54E6AE;
  --jade-soft: #163A2D;
  --jade-soft-2: #112A20;

  /* âmbar */
  --amber: #E59455;
  --amber-ink: #F0A86E;
  --amber-soft: #3A2715;

  /* cartões = superfície escura elevada */
  --white: #15190F;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 10px 28px -10px rgba(0,0,0,.6);
  --shadow-lg: 0 30px 64px -18px rgba(0,0,0,.75), 0 12px 26px -12px rgba(0,0,0,.6);
  --shadow-jade: 0 18px 44px -12px rgba(31,174,126,.45);
}

/* página */
body { background: var(--paper); color: var(--ink); }

/* nav translúcida sobre escuro */
.nav { background: transparent; backdrop-filter: none; }
.nav.scrolled { background: color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter: blur(12px); border-color: var(--line); }
.nav-links a:hover { background: var(--paper-2); }
.btn-dark { background: #222820; color: #fff; }
.btn-dark:hover { background: #2E3528; }
.btn-ghost { color: var(--ink); border-color: var(--line-2); }
.btn-ghost:hover { background: var(--paper-2); border-color: var(--slate); }

/* hero — leve realce de borda inferior pra separar do corpo */
.hero { border-bottom: 1px solid var(--line); }

/* trust bar */
.trustbar { border-color: var(--line); }
.trustbar .tb-label { background: #15211A; color: #43D29E; }
.tb-logo { color: #8FB8E8; background: rgba(58,111,176,.16); border-color: rgba(94,146,230,.30); }

/* problema / FAQ band — um tom acima do fundo */
.problem { background: var(--cream); border-color: var(--line); }
.prob-card { background: var(--white); border-color: var(--line); }

/* features — seção mais profunda */
.features { background: #06100B; }

/* brain visual */
.brain-visual { background: var(--cream); border-color: var(--line); }
.bv-card { background: var(--white); border-color: var(--line); }
.bv-tab { color: var(--ink-soft); }

/* métricas — gradiente jade um pouco mais fundo p/ não estourar no escuro */
.metrics { background: linear-gradient(135deg, #15916A, #0A5E44); }

/* pricing */
.price-card { background: var(--white); border-color: var(--line); }
.price-card.featured { border-color: var(--jade); box-shadow: var(--shadow-jade); }
.price-feat { color: var(--ink); }
.price-feat.muted { color: var(--ink-soft); }
.price-feat.muted svg { color: var(--line-2); }

/* faq */
.faq-item { border-color: var(--line); }
.faq-plus { background: var(--paper-2); border-color: var(--line); color: var(--jade-ink); }
details[open] .faq-plus { background: var(--jade-soft); border-color: transparent; }

/* footer — encaixa no fundo escuro */
.footer { background: #06100B; border-top: 1px solid var(--line); }

/* botões primários levemente mais brilhantes no escuro */
.btn-primary { background: var(--jade); }
.btn-primary:hover { background: var(--jade-bright); }