/* Folha de estilo das páginas estáticas — privacidade, termos e carreiras.
 *
 * Estas três páginas são HTML servido tal e qual, fora do React e fora do
 * pipeline do Vite. Até agosto de 2026 cada uma trazia o seu próprio bloco
 * <style> inline, e as três renderizavam **sem estilo nenhum em produção**: a
 * CSP do site declara `style-src 'self'` sem `unsafe-inline`, por isso o
 * browser descartava o bloco. O servidor de desenvolvimento do Vite não aplica
 * cabeçalhos, o que escondeu o problema desde sempre.
 *
 * Por isso o estilo vive aqui, num ficheiro externo da mesma origem: passa na
 * CSP sem a enfraquecer, e as três páginas deixam de manter cópias do mesmo
 * CSS.
 *
 * As famílias tipográficas são as da marca, mas estas páginas não carregam os
 * woff2 — os ficheiros de fonte saem do build com hash no nome e um HTML
 * estático não lhes consegue apontar. Na prática caem em Helvetica/Times. É
 * uma cedência aceite: são páginas de leitura, não de identidade.
 *
 * Cores em literal, e não em tokens, porque não há cadeia de @import até
 * src/styles/tokens/. Ao mudar a paleta, mudar aqui também.
 */

:root {
  color-scheme: light;
}

body {
  margin: 0 auto;
  padding: 4rem 1.5rem 6rem;
  max-width: 68ch;
  background: #e2ddda;
  color: #574b47;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1,
h2 {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-weight: 400;
  color: #3d3531;
  line-height: 1.2;
}

h1 {
  font-size: 2.5rem;
  margin: 0 0 0.5rem;
}

h2 {
  font-size: 1.5rem;
  margin: 2.5rem 0 0.75rem;
}

h1 em {
  font-style: italic;
  color: #6e605c;
}

.eyebrow {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #958784;
  margin: 0 0 1.5rem;
}

.lead {
  font-size: 1.0625rem;
  color: #574b47;
}

a {
  color: #6e605c;
}

ul {
  padding-left: 1.2rem;
}

li {
  margin-bottom: 0.5rem;
}

/* Página de carreiras: o único botão destas três páginas. O alvo tem 47px de
   altura (14px de padding em cima e em baixo mais a linha), acima do mínimo de
   44px da WCAG 2.5.8. */
.cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 1rem;
  padding: 14px 28px;
  border-radius: 999px;
  background: #6e605c;
  color: #f3eeeb;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.cta:hover {
  background: #574b47;
}

.voltar {
  display: inline-block;
  margin-top: 3rem;
  font-size: 13px;
  letter-spacing: 0.04em;
}

/* O mesmo anel de foco do site, e pelo mesmo motivo: um único tom sobre este
   fundo mede 1.80:1 e falha o critério 1.4.11 da WCAG. Dois tons resolvem. */
:focus-visible {
  outline: 2px solid #3d3531;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #f3eeeb;
}