/* skin-editorial.css v2 — tema dark navy (padrão da home) para as páginas internas.
   Carregado DEPOIS do <style> inline de cada página: sobrescreve os tokens. */

:root {
  --bg:           #050c16;
  --surface:      #0a1424;
  --surface-soft: #0e1a2e;
  --border:       rgba(255,255,255,.09);
  --text:         #e9eef7;
  --muted:        #96a7bd;
  --dim:          #5f7288;
  --blue:         #4a9eff;
  --blue-mid:     #2e5f9e;
  --blue-dim:     rgba(74,158,255,.12);
  --blue-soft:    rgba(74,158,255,.12);
  --green:        #3ecf8e;
  --green-soft:   rgba(62,207,142,.12);
  --purple:       #a78bfa;
  --purple-soft:  rgba(167,139,250,.12);
  --shadow:       0 10px 32px rgba(0,0,0,.4);
}

body { background: var(--bg); color: var(--text); }

h1, h2, h3, .news-title, .page-title, .nav-brand { letter-spacing: -.02em; }
.nav-brand span { color: var(--blue); }

::selection { background: var(--blue); color: #fff; }

/* imagens de card um pouco mais discretas sobre o fundo escuro */
img { filter: brightness(.96); }

/* nav das paginas internas: fundo claro hardcoded -> dark */
.site-nav, body > nav {
  background: rgba(5,12,22,.85) !important;
  border-bottom: 1px solid var(--border) !important;
}
.nav-brand { color: var(--text) !important; }
.nav-links a, .nav-back { color: var(--muted) !important; }
.nav-links a:hover, .nav-back:hover { color: var(--text) !important; }
.nav-links a.active { color: var(--blue) !important; background: var(--blue-dim) !important; }