/* ============================================================
   Arcanvo — Landing (TEMA ESCURO)
   Camada de override aplicada DEPOIS de landing.css.
   Mesma estrutura, paleta escura: grafite + jade brilhante.
   ============================================================ */
:root {
  /* superfícies escuras */
  --paper: #0B111D;
  --paper-2: #131B2B;
  --cream: #0F1624;
  --line: #25304A;
  --line-2: #34415F;

  /* tinta agora é clara (texto) */
  --ink: #EEF2F8;
  --slate: #96A1B5;
  --ink-soft: #7F8AA0;

  /* jade brilhante p/ contraste no escuro */
  --jade: #3D5CF0;
  --jade-ink: #8A9FFF;
  --jade-bright: #5B78FF;
  --jade-glow: #8A9FFF;
  --jade-soft: #17245E;
  --jade-soft-2: #121C47;

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

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

  --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(39,71,232,.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: #1A2336; color: #fff; }
.btn-dark:hover { background: #25304A; }
.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: #17245E; color: #8A9FFF; }
.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: #0B111D; }

/* 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, #2747E8, #1F3BC4); }

/* 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: #0B111D; 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); }