/* Tokens da Dados Municipais. Hex só existe aqui: template e os outros CSS usam var(--token). */

/* Rampa do dourado: saída literal de
   paleta.py "#D59312" --tema dark --token accent --json (11/10/2026). Não ajustar no olho. */
:root {
  --accent: #D59312;
  --accent-hover: #ECA823;
  --accent-escura: #80590B;
  --accent-suave: #F8F2E7;
  --accent-soft: rgba(213, 147, 18, 0.12);
  --accent-sombra: rgba(213, 147, 18, 0.15);
  --accent-texto: #9D6C0D;
  --texto-sobre-accent: #000000;
}

:root {
  /* Marca (site no Canva) */
  --ouro-claro: #F8DF72;                 /* ponta clara do degradê do logo, só no degradê da marca */
  --degrade-marca: linear-gradient(135deg, var(--ouro-claro), var(--accent));  /* borda dos cartões */
  --bg: #08040B;
  --bg-elev: #18002F;

  /* Superfícies e bordas sobre o fundo escuro */
  --surface: rgba(255, 255, 255, 0.04);
  --surface-forte: rgba(255, 255, 255, 0.07);
  --surface-glass: rgba(8, 4, 11, 0.72);
  --surface-solida: #110819;             /* cartão opaco: os que empilham, a capa e a moldura do painel */
  --borda: rgba(255, 255, 255, 0.09);
  --borda-forte: rgba(255, 255, 255, 0.18);
  --accent-borda: rgba(213, 147, 18, 0.35);
  --accent-brilho: rgba(213, 147, 18, 0.45);
  --luz-roxa: rgba(110, 40, 190, 0.35);
  --brilho: rgba(255, 255, 255, 0.4);    /* faixa de luz que passa nas barras dos painéis */

  /* Texto */
  --text: #F3F0F7;
  --text-dim: #B4AEC0;
  --text-fraco: #8A8496;

  /* Estados (só nos painéis ilustrativos e nas listas de sim e não) */
  --success: #2ECC71;
  --danger: #E7604F;
  --success-soft: rgba(46, 204, 113, 0.12);
  --success-borda: rgba(46, 204, 113, 0.3);
  --danger-soft: rgba(231, 96, 79, 0.12);
  --danger-borda: rgba(231, 96, 79, 0.3);

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: clamp(28px, 4.2vw, 42px);
  --fs-hero: clamp(34px, 6.2vw, 66px);

  /* Espaço */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-secao: clamp(72px, 11vw, 136px);  /* vão entre seções da página */

  /* Raio, sombra, vidro */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  --sombra-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.4);
  --sombra-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
  --sombra-accent: 0 0 36px var(--accent-brilho);
  --blur: blur(12px);

  /* Medidas de layout */
  --topbar-h: 68px;
  --dash-barra: 60px;                     /* barra que o Power BI põe embaixo do relatório */
  --largura: 1120px;
  --largura-larga: 1440px;                /* página do painel: o Power BI pede largura */
  --largura-texto: 720px;
  --toque: 44px;                          /* alvo mínimo de toque */

  /* Curvas */
  --mola: cubic-bezier(0.34, 1.56, 0.64, 1);
  --suave: cubic-bezier(0.22, 1, 0.36, 1);
}