/*
  Tokens de design — Certezza Consultoria Empresarial
  Paleta e tipografia validadas contra o CSS real de certezza.com.br
  (ver decisions.md — "Paleta de cores e tipografia validadas contra certezza.com.br")
*/

:root {
  /* Cores institucionais */
  --cor-primaria: #161616;          /* preto/quase-preto — header, hero, footer, seções escuras */
  --cor-primaria-clara: #232323;    /* variação para cards e superfícies sobre fundo escuro */
  --cor-secundaria: #223c57;        /* azul-petróleo — badges/categorias, suporte ao dourado */
  --cor-acento: #dbc290;            /* dourado/champagne — cor mais usada no CSS real da Certezza */
  --cor-acento-hover: #c9a873;
  --cor-fundo-claro: #f7f5f0;       /* creme suave — seções claras */
  --cor-fundo-claro-alt: #efece4;
  --cor-texto-escuro: #181313;
  --cor-texto-claro: #f5f5f2;
  --cor-texto-mudo: #9ba6aa;
  --cor-texto-mudo-escuro: #5b5b5b;
  --cor-borda: rgba(255, 255, 255, 0.12);
  --cor-borda-escura: rgba(24, 19, 19, 0.12);
  --cor-erro: #c0392b;
  --cor-sucesso: #3c7a4b;

  /* Tipografia — Diodrum Cyrillic é a única família usada no site (títulos e corpo),
     diferenciada por peso e tamanho. Ver assets/css/fonts.css para os @font-face. */
  --fonte-serif: 'Diodrum Cyrillic', -apple-system, sans-serif;
  --fonte-sans: 'Diodrum Cyrillic', -apple-system, sans-serif;
  --fonte-ui: 'Diodrum Cyrillic', -apple-system, sans-serif;

  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-lg: 1.125rem;
  --texto-xl: 1.375rem;
  --texto-2xl: 1.75rem;
  --texto-3xl: 2.25rem;
  --texto-4xl: 3rem;
  --texto-5xl: 4rem;

  --tracking-menu: 0.12em;
  --tracking-kicker: 0.15em;

  /* Espaçamento */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-6: 1.5rem;
  --espaco-8: 2rem;
  --espaco-12: 3rem;
  --espaco-16: 4rem;
  --espaco-24: 6rem;
  --espaco-32: 8rem;

  /* Layout */
  --largura-maxima: 1360px;
  --largura-conteudo: 1180px;

  /* Raios, sombras, transições */
  --raio-sm: 4px;
  --raio-md: 10px;
  --raio-lg: 24px;
  --raio-pill: 999px;
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --sombra-md: 0 12px 32px rgba(0, 0, 0, 0.16);
  --sombra-lg: 0 24px 60px rgba(0, 0, 0, 0.28);
  --transicao: 260ms cubic-bezier(0.4, 0, 0.2, 1);
  --transicao-rapida: 160ms ease;

  --header-altura: 96px;
}