/* =====================================================================
   Ouvidoria Digital - Tokens de design (variaveis)
   ---------------------------------------------------------------------
   Paleta institucional em tons de verde. As seis cores marcadas com
   [admin] podem ser alteradas no Painel > Administracao > Aparencia;
   o sistema gera /tema.css, que sobrescreve apenas estas variaveis.
   ===================================================================== */
:root {
  /* Cores principais [admin] */
  --cor-primaria: #0b6b3a;          /* botoes, links, destaques */
  --cor-primaria-escura: #063820;   /* cabecalho, rodape, hero */
  --cor-primaria-clara: #e3f2e9;    /* fundos suaves, icones */
  --cor-destaque: #f2b705;          /* foco e alertas de atencao */
  --cor-texto: #14231b;             /* texto principal */
  --cor-fundo: #f4f8f5;             /* fundo da pagina */

  /* Derivadas (nao editaveis) */
  --cor-primaria-hover: color-mix(in srgb, var(--cor-primaria) 82%, #000);
  --cor-titulo: color-mix(in srgb, var(--cor-primaria-escura) 85%, var(--cor-texto));
  --cor-texto-suave: #4f655a;
  --cor-borda: #d5e4da;
  --cor-borda-forte: #b9cfc1;
  --cor-superficie: #ffffff;
  --cor-superficie-2: #f0f7f2;

  /* Estados */
  --cor-sucesso: #1d7a46;
  --cor-sucesso-fundo: #e5f5eb;
  --cor-info: #1f5f8b;
  --cor-info-fundo: #e8f1f8;
  --cor-aviso: #8a5a00;
  --cor-aviso-fundo: #fff6df;
  --cor-erro: #a32a2a;
  --cor-erro-fundo: #fdeeee;

  /* Tipografia */
  --fonte-base: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --a11y-font-scale: 1;             /* alterado pela barra de acessibilidade */
  --texto-xs: calc(12px * var(--a11y-font-scale));
  --texto-sm: calc(13px * var(--a11y-font-scale));
  --texto-md: calc(15px * var(--a11y-font-scale));
  --texto-lg: calc(18px * var(--a11y-font-scale));

  /* Espacamento, raio e sombra */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --raio-sm: 7px;
  --raio-md: 11px;
  --raio-lg: 15px;
  --sombra-sm: 0 2px 8px rgba(6, 56, 32, .06);
  --sombra-md: 0 8px 24px rgba(6, 56, 32, .08);
  --sombra-lg: 0 16px 32px rgba(6, 56, 32, .13);

  /* Layout */
  --largura-max: 1180px;
  --largura-form: 860px;
}