/* ─────────────────────────────────────────────────────────────
   Silva Neto Advocacia · Tema das páginas internas (blog, materiais, atuação)
   Decisão de 16/10/2026: mesmo fundo da home, com escolha do visitante.
     html (padrão)            → claro: gelo #F3F1EC, cards brancos com sombra
     html[data-theme="dark"]  → escuro: azul com profundidade (Azul+)
   O botão na barra (#temaToggle, site-nav.js) grava a escolha em localStorage.
   Carregar DEPOIS de atuacao.css / sim.css / blog.css.
   ───────────────────────────────────────────────────────────── */

/* ══ CLARO (padrão) ══ */
html:not([data-theme="dark"]) {
  --azul: #091D39; --azul-deep: #FFFFFF; --noir: #0D0D0D;
  --ouro: #7F6230; --ouro-hover: #5E4820;   /* ouro de TEXTO no claro: 5,0:1 no gelo, 5,7:1 no branco (o #CFAE70 da marca fica só em fundos/botões) */
  --platina: #141C2B; --platina-mid: #3A4252; --platina-low: #646B7A;
  --ouro-line: rgba(127,98,48,0.30); --ouro-light: rgba(207,174,112,0.18); --ouro-mid: rgba(127,98,48,0.50);
  --bg: #F3F1EC; --bg-soft: #FFFFFF;
  --c-bg: #F3F1EC; --c-card: #FFFFFF; --c-card2: #FAF8F4; --c-line: rgba(9,29,57,0.09); --c-shadow: rgba(9,29,57,0.07);
  --c-card-shadow: 0 1px 2px rgba(9,29,57,0.07), 0 10px 28px rgba(9,29,57,0.07);
  color-scheme: light;
}
html:not([data-theme="dark"]) body { background: var(--c-bg); color: var(--platina); }

/* cards e blocos: brancos, com sombra */
html:not([data-theme="dark"]) .sim-card,
html:not([data-theme="dark"]) .material-card,
html:not([data-theme="dark"]) .area-cta,
html:not([data-theme="dark"]) .sim-form,
html:not([data-theme="dark"]) .sim-headline,
html:not([data-theme="dark"]) .sim-chart,
html:not([data-theme="dark"]) .post-toc,
html:not([data-theme="dark"]) .post-cta,
html:not([data-theme="dark"]) .post-signature,
html:not([data-theme="dark"]) .related-posts,
html:not([data-theme="dark"]) .post-card.is-featured {
  background: var(--c-card); border: 0.5px solid var(--c-line); box-shadow: var(--c-card-shadow);
}
html:not([data-theme="dark"]) .related-posts { padding: 1.5rem 1.75rem; border-radius: 4px; }
html:not([data-theme="dark"]) .post-card.is-featured { border-radius: 4px; padding: 0 1.75rem; margin-bottom: 1rem; }
html:not([data-theme="dark"]) .sim-card:hover { background: var(--c-card); border-color: rgba(207,174,112,0.6); box-shadow: 0 2px 4px var(--c-shadow), 0 18px 44px rgba(9,29,57,0.13); }
html:not([data-theme="dark"]) .post-toc { border-left: 2px solid #CFAE70; }
html:not([data-theme="dark"]) .post-body blockquote { border-left-color: #CFAE70; }
html:not([data-theme="dark"]) .post-cta { border-color: rgba(207,174,112,0.6); }

/* botões sólidos continuam no ouro da marca (texto azul) */
html:not([data-theme="dark"]) .btn--gold,
html:not([data-theme="dark"]) .cta-whats,
html:not([data-theme="dark"]) .area-chip.active { background: #CFAE70; color: #091D39; }
html:not([data-theme="dark"]) .btn--gold:hover,
html:not([data-theme="dark"]) .cta-whats:hover { background: #e0c07a; color: #091D39; }
html:not([data-theme="dark"]) .cta-area:hover { background: #CFAE70; color: #091D39; border-color: #CFAE70; }
html:not([data-theme="dark"]) .hero-divider,
html:not([data-theme="dark"]) .s-divider { background: #CFAE70; opacity: .9; }

/* textos com cinza-claro chumbado */
html:not([data-theme="dark"]) .hero-lede,
html:not([data-theme="dark"]) .card-excerpt { color: rgba(20,28,43,0.78); }
html:not([data-theme="dark"]) .post-body { color: #1E2534; }
html:not([data-theme="dark"]) .area-chip { color: var(--platina-low); }
html:not([data-theme="dark"]) .sim-params summary .sp-hint { color: rgba(20,28,43,0.45); }
html:not([data-theme="dark"]) .sim-params--off summary { color: rgba(20,28,43,0.4); }
html:not([data-theme="dark"]) .sim-disclaimer { color: rgba(20,28,43,0.6); }
html:not([data-theme="dark"]) .sim-vigencia { border-color: rgba(9,29,57,0.2); }

/* formulários dos simuladores */
html:not([data-theme="dark"]) .sim-field input,
html:not([data-theme="dark"]) .sim-field select { background: #FFFFFF; color: var(--platina); border-color: rgba(127,98,48,0.45); }
/* botões "fantasma" e chips: borda visível no claro */
html:not([data-theme="dark"]) .btn--ghost,
html:not([data-theme="dark"]) .cta-area,
html:not([data-theme="dark"]) .share-btn,
html:not([data-theme="dark"]) .sim-share,
html:not([data-theme="dark"]) .area-chip,
html:not([data-theme="dark"]) .back-link,
html:not([data-theme="dark"]) .mc-link { border-color: rgba(127,98,48,0.5); }
html:not([data-theme="dark"]) .btn--ghost:hover,
html:not([data-theme="dark"]) .share-btn:hover,
html:not([data-theme="dark"]) .sim-share:hover { border-color: #7F6230; background: rgba(207,174,112,0.16); }
/* valores de destaque grandes podem usar um ouro mais rico sem perder contraste (3:1 basta acima de 24px) */
html:not([data-theme="dark"]) .sim-headline .sh-value,
html:not([data-theme="dark"]) .error-eyebrow { color: #8A6A32; }
html:not([data-theme="dark"]) .sim-field select option { background: #FFFFFF; color: var(--platina); }
html:not([data-theme="dark"]) .sim-row .sr-bar { background: rgba(9,29,57,0.08); }
html:not([data-theme="dark"]) .sim-row .sr-fill { background: rgba(9,29,57,0.35); }
html:not([data-theme="dark"]) .sim-row--win .sr-fill { background: #CFAE70; }
html:not([data-theme="dark"]) .sim-warn { background: rgba(224,160,90,0.14); border-color: rgba(180,120,40,0.5); color: #6B4712; }
html:not([data-theme="dark"]) .sim-warn strong { color: #4E330C; }
html:not([data-theme="dark"]) .sim-legend .lg-plat::before { background: rgba(9,29,57,0.45); }
html:not([data-theme="dark"]) .sim-chart text { fill: var(--platina-mid); }
html:not([data-theme="dark"]) .sim-chart [stroke^="rgba(232"] { stroke: rgba(9,29,57,0.5); }
html:not([data-theme="dark"]) .sim-chart [fill^="rgba(232"] { fill: rgba(9,29,57,0.5); }

/* rodapé do blog permanece escuro (como o rodapé da home) */
html:not([data-theme="dark"]) .blog-footer { background: #0D0D0D; --platina-low: rgba(232,232,232,0.6); --platina-mid: rgba(232,232,232,0.8); --platina: #E8E8E8; --ouro: #CFAE70; }
html:not([data-theme="dark"]) .blog-hero { background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(207,174,112,0.14), transparent 60%), var(--c-bg); }

/* ══ ESCURO (Azul+) ══ */
html[data-theme="dark"] {
  --c-card: #0E2749; --c-line: rgba(207,174,112,0.22);
  --c-card-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 1px 2px rgba(0,0,0,0.35), 0 14px 36px rgba(0,0,0,0.42);
  color-scheme: dark;
}
html[data-theme="dark"] body {
  background: radial-gradient(ellipse 90% 40% at 50% 0%, rgba(207,174,112,0.05), transparent 60%), linear-gradient(180deg, #0B2346 0%, #091D39 40%, #081A33 100%);
}
html[data-theme="dark"] .sim-card,
html[data-theme="dark"] .material-card,
html[data-theme="dark"] .area-cta,
html[data-theme="dark"] .sim-form,
html[data-theme="dark"] .sim-headline,
html[data-theme="dark"] .sim-chart,
html[data-theme="dark"] .post-toc,
html[data-theme="dark"] .post-cta,
html[data-theme="dark"] .post-signature,
html[data-theme="dark"] .related-posts,
html[data-theme="dark"] .post-card.is-featured {
  background: var(--c-card); border: 0.5px solid var(--c-line); box-shadow: var(--c-card-shadow);
}
html[data-theme="dark"] .related-posts { padding: 1.5rem 1.75rem; border-radius: 4px; }
html[data-theme="dark"] .post-card.is-featured { border-radius: 4px; padding: 0 1.75rem; margin-bottom: 1rem; }
html[data-theme="dark"] .sim-card:hover { background: #10294D; border-color: rgba(207,174,112,0.45); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 22px 56px rgba(0,0,0,0.55); }
html[data-theme="dark"] .post-toc { border-left: 2px solid rgba(207,174,112,0.6); }
html[data-theme="dark"] .sim-field input,
html[data-theme="dark"] .sim-field select { background: rgba(5,14,28,0.55); }