/* TriadPS — tema 2026 das páginas internas: azul-marinho profundo com o trio do logo
   (vermelho/amarelo/azul) como acento, sem gradientes e sem brilhos. Carregado depois de
   styles-ChwS3mev.css e site.css: só sobrepõe tokens e detalhes; a estrutura e os textos
   das páginas não mudam. A home usa o layout próprio em /assets/novo.css. */

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/montserrat-regular.woff2) format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/montserrat-bold.woff2) format('woff2'); }

:root {
  --amarelo: #F2D21B; --vermelho: #E00010; --azul: #2244CC;
  /* tokens do tema importado (Tailwind) reapontados para o ramp marinho */
  --ink: #070D1F;
  --ink-2: #0D1428;
  --amber-brand: var(--amarelo);
  --border: #1C2742;
  --input: #2A3756;
  --secondary: #111A33;
  --muted-foreground: #AAB3C8;
  --foreground: #F3F5FA;
  /* títulos: Montserrat no lugar da serifa */
  --font-serif: 'Montserrat', 'Inter', system-ui, sans-serif;
}
body { background: var(--ink); }

/* Títulos: a utilidade .font-serif do Tailwind embute a família (não usa a variável), então a troca
   para Montserrat é direta aqui; o peso 400 da serifa vira 700. */
.font-serif, .press-title, .press-h1, .press-deck ~ * h2 { font-family: 'Montserrat', 'Inter', system-ui, sans-serif; }
.font-serif { font-weight: 700; letter-spacing: -0.015em; }
.press-h1, .press-title { font-weight: 700; letter-spacing: -0.015em; }
.font-serif em { font-style: normal; }

/* O traço dos eyebrows vira o trio da marca (três pontos). */
.eyebrow > span.inline-block,
p.eyebrow > span[class*="h-px"] {
  width: 6px !important; height: 6px !important; border-radius: 50%;
  background: var(--vermelho) !important;
  box-shadow: 11px 0 0 var(--amarelo), 22px 0 0 var(--azul);
  margin-right: 30px !important;
}
.press-eyebrow { display: inline-flex; align-items: center; }
.press-eyebrow::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; flex: none;
  background: var(--vermelho); box-shadow: 11px 0 0 var(--amarelo), 22px 0 0 var(--azul);
  margin-right: 30px;
}

/* Botões sobre amarelo sempre com texto marinho (contraste). */
[class*="bg-[var(--amber-brand)]"] { color: #0A102A !important; }
a[class*="bg-foreground"] { background: var(--amarelo) !important; color: #0A102A !important; }

/* Links e focos no amarelo sólido. */
:focus-visible { outline-color: var(--amarelo); }
::selection { background: var(--amarelo); color: #0A102A; }