/* =========================================================
   Kamaia — camada de tema monocromático (migração do site)
   Carregada DEPOIS de style.css e components.css. Alinha as
   páginas internas com a nova home: preto e branco, títulos
   serifados, cabeçalho escuro, sem brilhos azuis. Funciona
   sobretudo por remapeamento de tokens (resolvem em uso),
   evitando guerras de especificidade.
   ========================================================= */

:root{
  /* o "azul" auxiliar deixa de ser azul — passa a tinta/cinzentos.
     Todos os acentos (eyebrow, estado activo, tags, botões, links)
     que usavam estes tokens ficam monocromáticos automaticamente. */
  --azul:#111113;
  --azul-forte:#000000;
  --azul-tinta:#ECECEA;        /* fundo de chip/etiqueta claro */
  --azul-claro:#C7C7C4;        /* acento sobre fundo escuro */

  /* títulos serifados editoriais — Newsreader (Google Fonts), com fallback */
  --display:"Newsreader", Georgia, "Times New Roman", Times, serif;
}

/* Títulos ao registo editorial da home: serifa, peso regular, apertado. */
h1, h2, .card__h, .page-head h1, .cta-band h2, .quote blockquote{
  font-weight:400;
  letter-spacing:-.02em;
}

/* Remover os dois brilhos azuis ao nível da página — a home é plana. */
body::before, body::after{ display:none !important; }
body{ background:var(--paper); }

/* ---------- Cabeçalho escuro (igual à home) ---------- */
.site-header{
  background:rgba(10,10,11,.82);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid #26262B;
  box-shadow:none;
}
.site-header.is-stuck{ background:rgba(10,10,11,.92); box-shadow:none; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header, .site-header.is-stuck{ background:#0A0A0B; }
}
.site-header .brand{ color:#F5F5F4; }
.site-header .brand:hover .brand-logo{ color:#FFFFFF; }
.nav-links a{ color:#9C9CA1; }
.nav-links a:hover{ color:#FFFFFF; background:rgba(255,255,255,.08); }
.nav-links a[aria-current="page"]{ color:#FFFFFF; background:rgba(255,255,255,.12); font-weight:600; }
.nav-cta .lingua{ color:#9C9CA1; }
.nav-cta .lingua:hover{ color:#FFFFFF; }
/* botão primário no cabeçalho escuro: pílula branca */
.site-header .btn--primary{ background:#FFFFFF; color:#0A0A0B; border-color:#FFFFFF; }
.site-header .btn--primary:hover{ background:#ECECEA; color:#000000; }
/* hambúrguer (móvel) legível no escuro */
.nav-toggle{ background:rgba(255,255,255,.08) !important; }
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{ background:#F5F5F4 !important; }
@media (max-width:860px){
  .nav-menu{ background:#0A0A0B; border-color:#26262B; }
  .nav-menu .nav-links a{ color:#C7C7C4; }
  .nav-menu .nav-links a:hover, .nav-menu .nav-links a[aria-current="page"]{ color:#FFFFFF; }
}

/* ---------- Afinações de coerência com a home ---------- */
/* eyebrow: traço fino (a home usa 1px); mantém a cor de tinta. */
.eyebrow::before{ height:1px; width:26px; }
/* cartões: sem vidro/brilho — superfície limpa com filete, como a home. */
.card{ backdrop-filter:none; -webkit-backdrop-filter:none; }