/*
 * Tokens — fonte única de verdade para cor, raio, sombra e movimento.
 *
 * Paleta estrutural da interface. Azul/branco/rosa seguem a
 * identidade capixaba registrada em docs/DESIGN_REFERENCES.md. O rosa é
 * acento de marca e não carrega significado político ou de qualidade
 * (docs/GOVERNANCE.md — "cor não pode produzir recomendação, score,
 * qualidade, ideologia ou vencedor").
 *
 * Espaçamento, superfícies, sombras e movimento compartilhados mantêm
 * as páginas coerentes sem criar camadas de overrides.
 */
:root {
  /* Identidade capixaba: cor estrutural, nunca classificação política. */
  --blue: #2f98d4;
  --blue-strong: #1574af;
  --blue-dark: #113b56;
  --blue-soft: #eaf7ff;

  /* Plano escuro do rodapé. Estrutura de leitura, nunca classificação. */
  --navy: #0d2c41;
  --navy-ink: #b9d4e4;
  --navy-muted: #8dadc0;
  --navy-kicker: #7fc4ea;

  --pink: #ee8fbd;
  --pink-accent: #ff6b8b;
  --pink-strong: #b33c72;
  --pink-soft: #fff0f7;

  --ink: #173244;
  --ink-soft: #536b79;
  --muted: #5c6f7a;

  --line: rgba(17, 59, 86, 0.12);
  --line-strong: rgba(17, 59, 86, 0.2);
  --white: #fff;
  --surface: #f5f9fc;
  --gutter: 20px;
  --focus-ring: 0 0 0 4px rgba(21, 116, 175, 0.16);

  /* Layout */
  --max: 1160px;
  --base-font: 17px;

  /* Sombra — mesmos dois níveis já usados em todo o site */
  --shadow: 0 18px 48px rgba(23, 76, 108, 0.12);
  --shadow-soft: 0 6px 24px rgba(23, 76, 108, 0.07);

  /* Raio — três níveis que já cobrem o site inteiro */
  --radius-pill: 999px;
  --radius-lg: 34px;   /* heros, ficha do candidato */
  --radius-md: 20px;   /* cards de listagem, painéis */
  --radius-sm: 14px;   /* inputs, botões secundários */

  /* Alvo de toque mínimo (AGENTS.md §6 — "alvos de toque principais ~44 px") */
  --tap-min: 44px;

  /* Movimento — discreto por padrão; zerado com prefers-reduced-motion */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /*
   * Tipografia. Antes, o :root apenas *nomeava* "Inter" numa pilha de fontes
   * de sistema — sem nunca carregá-la. Na prática o site caía no fallback
   * genérico de cada SO (Arial/Liberation Sans no Linux), que é justamente o
   * que dava o aspecto "sem tipografia". Agora as famílias são de fato
   * carregadas, auto-hospedadas (src/styles/fonts.css, assets/fonts/).
   *
   * --font-sans    texto corrido, interface, dados
   * --font-display títulos e números grandes ("tipografia forte" do
   *                docs/PRODUCT_NORTH_STAR.md)
   */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "Inter", -apple-system, sans-serif;

  font-family: var(--font-sans);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
  }
}