/* Design tokens — claro e escuro. Paleta neutra (grafite/verde-acinzentado); cor so com funcao (status). */

@font-face { font-family: "Schibsted Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: url("../assets/fonts/schibsted-grotesk-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 700; font-style: normal; font-display: swap; src: url("../assets/fonts/schibsted-grotesk-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/public-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("../assets/fonts/public-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../assets/fonts/public-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("../assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }

:root {
  /* Marca (grafite) */
  --marca-50: #e6eae8;
  --marca-100: #d3dad7;
  --marca-700: #3a4241;      /* acao primaria */
  --marca-800: #2b3231;      /* hover */
  --marca-900: #1d2322;      /* marca, dock */
  --on-marca: #ffffff;       /* texto sobre --marca-700 */

  /* Neutros */
  --tinta: #171b1a;
  --texto-2: #4a5250;
  --texto-3: #66706d;
  --pagina: #eef0ef;
  --painel: #ffffff;
  --linha: #dfe3e1;
  --linha-forte: #bfc7c4;
  --hover: #f3f5f4;
  --scrim: rgb(20 24 23 / 0.5);

  /* Semanticas (cada uma com fundo suave) */
  --sucesso: #1e7a4f;  --sucesso-bg: #e3f3ea;
  --alerta: #9a5b00;   --alerta-bg: #fff1d6;
  --erro: #b3261e;     --erro-bg: #fdeceb;
  --info: #3a4650;     --info-bg: #e7ecee;
  --consig: #0f766e;   --consig-bg: #dff1ee;

  /* Tipografia */
  --fonte-titulo: "Schibsted Grotesk", "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --t-12: 0.75rem; --t-13: 0.8125rem; --t-14: 0.875rem; --t-16: 1rem;
  --t-18: 1.125rem; --t-22: 1.375rem; --t-28: 1.75rem; --t-36: 2.25rem;

  /* Espaco (escala de 4 px) */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-6: 24px; --e-8: 32px; --e-12: 48px; --e-16: 64px;

  /* Forma: cantos generosos nos paineis, pilulas nos controles do topo */
  --raio: 8px;
  --raio-grande: 16px;
  --raio-pilula: 999px;
  --sombra-menu: 0 8px 28px rgb(20 24 23 / 0.16);
  --sombra-modal: 0 16px 48px rgb(20 24 23 / 0.24);
  --sombra-dock: 0 10px 30px rgb(20 24 23 / 0.28);

  /* Layout */
  --topbar-h: 72px;
  --dock-h: 64px;
  --conteudo-max: 1480px;
  --alvo: 44px;

  --foco: 0 0 0 2px var(--painel), 0 0 0 4px var(--tinta);

  --mov-rapido: 120ms;
  --mov-normal: 180ms;
  --ease-in: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0.4, 0, 1, 1);

  color-scheme: light;
}

/* ---------- Tema escuro ---------- */
:root[data-tema="escuro"] {
  --marca-50: #262c2b;
  --marca-100: #323a38;
  --marca-700: #e4e8e6;
  --marca-800: #f1f4f2;
  --marca-900: #0e1110;
  --on-marca: #111514;

  --tinta: #eceeed;
  --texto-2: #b5bdba;
  --texto-3: #929c98;
  --pagina: #101312;
  --painel: #181c1b;
  --linha: #2a302e;
  --linha-forte: #3d4643;
  --hover: #212625;
  --scrim: rgb(0 0 0 / 0.62);

  --sucesso: #5fcf96;  --sucesso-bg: #16301f;
  --alerta: #f0b34a;   --alerta-bg: #35290f;
  --erro: #ff8f86;     --erro-bg: #3a1815;
  --info: #b8c4cc;     --info-bg: #252d32;
  --consig: #62cfc3;   --consig-bg: #14302d;

  --sombra-menu: 0 8px 28px rgb(0 0 0 / 0.5);
  --sombra-modal: 0 16px 48px rgb(0 0 0 / 0.6);
  --sombra-dock: 0 10px 30px rgb(0 0 0 / 0.6);

  --foco: 0 0 0 2px var(--painel), 0 0 0 4px var(--tinta);
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --mov-rapido: 0ms; --mov-normal: 0ms; }
}

/* ---------- Acompanhamento: paleta de graficos e do mapa (sem azul-indigo) ---------- */
:root {
  --c1: #0f766e; --c2: #3f4947; --c3: #c98a1a; --c4: #2f8f5b; --c5: #6f8190; --c6: #b4694f;
  --mapa-fundo: #e7edeb; --mapa-uf: #f9fbfa; --mapa-uf-ativo: #ffffff; --mapa-uf-borda: #bcc7c3;
  --mapa-mun-borda: #cfd8d5; --mapa-mun-ativo: #d3e8e3;
}
:root[data-tema="escuro"] {
  --c1: #4fc7ba; --c2: #aeb8b4; --c3: #e8b650; --c4: #62cf96; --c5: #93a6b4; --c6: #de9276;
  --mapa-fundo: #0c100f; --mapa-uf: #171c1b; --mapa-uf-ativo: #1d2322; --mapa-uf-borda: #323b38;
  --mapa-mun-borda: #2a3230; --mapa-mun-ativo: #17403b;
}