/* Paleta SCAD — institucional adulto, sem cara de template IA.
   HEX só neste arquivo. O resto do projeto usa var(--...). */

:root {
  /* Marca Prefeitura — azul profundo, sem brilho de SaaS */
  --cor-marca: #00427a;
  --cor-marca-profunda: #002f57;
  --cor-marca-alta: #0a5a9c;
  --cor-fundo: #eceeef;
  --cor-papel: #ffffff;
  --cor-tinta: #1a1c1f;
  --cor-tinta-suave: #5f656e;
  --cor-linha: #d8dce2;
  --cor-ok: #2a4f35;
  --cor-alerta: #6e5a2c;
  --cor-perigo: #b01d24;
  --cor-foco: rgb(0 66 122 / 18%);
  /* Memorando — mesa cinza atrás da folha A4 */
  --memo-mesa-a: #dfe5ea;
  --memo-mesa-b: #c8d0d8;
  /* Login CMS — claro, seco, bloco com leve relevo */
  --cms-login-fundo: #e8ecf0;
  --cms-login-borda: #00427a;
  --cms-login-sombra:
    0 1px 0 rgb(255 255 255 / 70%) inset,
    0 1px 2px rgb(0 20 40 / 10%),
    0 10px 28px rgb(0 20 40 / 22%),
    0 22px 40px rgb(0 20 40 / 14%);
  --cms-login-raio: 8px;

  --fonte-corpo: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --fonte-display: "Source Serif 4", "Palatino Linotype", Palatino, serif;
  --tamanho-xs: 0.75rem;
  --tamanho-sm: 0.875rem;
  --tamanho-md: 1rem;
  --tamanho-lg: 1.65rem;
  --tamanho-xl: 2.15rem;
  --peso-normal: 400;
  --peso-medio: 600;
  --peso-bold: 600;
  --linha-corpo: 1.55;

  --espaco-xs: 0.25rem;
  --espaco-sm: 0.5rem;
  --espaco-md: 1rem;
  --espaco-lg: 1.75rem;
  --espaco-xl: 3rem;
  /* Leve arredondamento — CMS usa --cms-raio (mais seco) */
  --raio-sm: 4px;
  --raio-md: 4px;
  --raio-lg: 4px;
  --max-conteudo: 56rem;
  --max-conteudo-largo: 96rem;
  --altura-cabecalho: 3.75rem;
  --altura-rodape: 3.5rem;
  --sombra-sm: 0 1px 0 rgb(26 28 31 / 5%);
  --sombra-md: 0 1px 2px rgb(26 28 31 / 6%);
  --sombra-hover: 0 2px 8px rgb(26 28 31 / 8%);

  /* Chrome público — claro e seco */
  --shell-cabecalho-fundo: #ffffff;

  --duracao-transicao: 180ms;
  --duracao-hover: 160ms;

  --bp-sm: 375px;
  --bp-md: 768px;
  --bp-lg: 1280px;
  --bp-xl: 1536px;

  /* CMS claro — ferramenta municipal, sem graphite sombrio */
  --cms-fundo: #f3f5f7;
  --cms-fundo-2: #ffffff;
  --cms-fundo-hover: #e8ecf0;
  --cms-tinta: #1a1c1f;
  --cms-tinta-suave: #5f656e;
  --cms-linha: #d4d9e0;
  --cms-item-ativo: rgb(0 66 122 / 8%);
  --cms-acento: #00427a;
  --cms-miolo: #eceeef;
  --cms-raio: 3px;
  --cms-largura-lateral: 15.75rem;
  --cms-cal-feriado: #d41820;
  --cms-cal-prazo: #0a5a9c;
  --cms-cal-nota-azul: #0b6bcb;
  --cms-cal-nota-vermelho: #e11d28;
  --cms-cal-nota-amarelo: #e0a100;
  --cms-cal-nota-verde: #1f8a3c;
  --cms-cal-nota-cinza: #4a5160;
  --cms-largura-fita: 0.75rem;
  --cms-altura-pagina-topo: 4.25rem;
  --cms-altura-bloco-linha: 3.25rem;

  /* Hero vitrine — véu sobre a foto (só vars; páginas usam var()) */
  --vitrine-hero-veu-a: rgb(0 47 87 / 88%);
  --vitrine-hero-veu-b: rgb(0 66 122 / 72%);
  --vitrine-hero-veu-c: rgb(0 47 87 / 42%);
  --vitrine-hero-tinta: #ffffff;
  --vitrine-hero-tinta-suave: rgb(255 255 255 / 82%);
  --vitrine-hero-tinta-ajuda: rgb(255 255 255 / 72%);
  --vitrine-hero-linha: rgb(255 255 255 / 75%);
}