/* GERADO por ferramentas/gerar_tokens.py a partir de tokens/tokens.json. Não editar à mão. */
/* Impressinho 3D · tokens. Camadas: --p-* (primitivo) → --cor-*, --tipo-* (semântico) → --c-* (componente). */

@font-face { font-family: "Nunito"; src: url("../fontes/nunito-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "DynaPuff"; src: url("../fontes/dynapuff-latin-wdth-normal.woff2") format("woff2");
  font-weight: 400 700; font-stretch: 75% 100%; font-style: normal; font-display: swap; }

/* Só modo claro, mesmo com o sistema operacional no modo escuro (decisão do tema original). */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"] {
  color-scheme: light;
  /* primitivos */
  --p-cinza-0: #FFFFFF;
  --p-cinza-25: #F6F7FA;
  --p-cinza-50: #F1F3F8;
  --p-cinza-100: #ECEEF3;
  --p-cinza-150: #E3E6ED;
  --p-cinza-200: #D5D9E2;
  --p-cinza-400: #868C9B;
  --p-cinza-500: #6B6F78;
  --p-cinza-700: #4D4F55;
  --p-cinza-900: #20242C;
  --p-azul-50: #E8EEFA;
  --p-azul-100: #D7E3FA;
  --p-azul-500: #3F68BE;
  --p-azul-700: #2B519E;
  --p-rosa-50: #FDEBF5;
  --p-rosa-500: #D95DA3;
  --p-rosa-700: #A8367C;
  --p-verde-50: #E7F5EE;
  --p-verde-500: #1D9A5B;
  --p-verde-700: #13703F;
  --p-ambar-50: #FDF3DD;
  --p-ambar-500: #D99100;
  --p-ambar-700: #8A5D00;
  --p-vermelho-50: #FCEBED;
  --p-vermelho-500: #D23B4F;
  --p-vermelho-700: #B42A3D;
  --p-espaco-1: 4px;
  --p-espaco-2: 8px;
  --p-espaco-3: 12px;
  --p-espaco-4: 16px;
  --p-espaco-5: 20px;
  --p-espaco-6: 24px;
  --p-espaco-8: 32px;
  --p-espaco-10: 40px;
  --p-raio-selo: 6px;
  --p-raio-controle: 10px;
  --p-raio-base: 12px;
  --p-raio-total: 999px;
  --p-sombra-nenhuma: none;
  --p-sombra-alta: 0 8px 24px -16px rgba(32, 36, 44, .35), 0 2px 6px -2px rgba(32, 36, 44, .12);
  --p-duracao-rapida: 120ms;
  --p-duracao-media: 200ms;
  --p-curva-padrao: cubic-bezier(.2, 0, 0, 1);
  --p-tamanho-12: 0.75rem;
  --p-tamanho-14: 0.875rem;
  --p-tamanho-16: 1rem;
  --p-tamanho-18: 1.125rem;
  --p-tamanho-24: 1.5rem;
  --p-tamanho-28: 1.75rem;
  --p-tamanho-30: 1.9rem;
  --p-tamanho-32: 2rem;
  --p-tamanho-36: 2.25rem;
  --p-peso-corpo: 500;
  --p-peso-rotulo: 700;
  --p-peso-forte: 800;
  --p-peso-marca: 600;
  --p-fonte-interface: "Nunito", "Segoe UI", system-ui, sans-serif;
  --p-fonte-marca: "DynaPuff", "Nunito", "Segoe UI", system-ui, sans-serif;
  /* semânticos */
  --cor-fundo-app: var(--p-cinza-25);
  --cor-superficie: var(--p-cinza-0);
  --cor-superficie-2: var(--p-cinza-50);
  --cor-texto: var(--p-cinza-900);
  --cor-texto-2: var(--p-cinza-700);
  --cor-texto-discreto: var(--p-cinza-500);
  --cor-grade: var(--p-cinza-100);
  --cor-eixo: var(--p-cinza-200);
  --cor-borda: var(--p-cinza-150);
  --cor-borda-controle: var(--p-cinza-400);
  --cor-acao: var(--p-azul-500);
  --cor-acao-forte: var(--p-azul-700);
  --cor-acao-suave: var(--p-azul-50);
  --cor-acao-texto: var(--p-cinza-0);
  --cor-destaque: var(--p-rosa-500);
  --cor-destaque-forte: var(--p-rosa-700);
  --cor-destaque-suave: var(--p-rosa-50);
  --cor-sucesso: var(--p-verde-500);
  --cor-sucesso-texto: var(--p-verde-700);
  --cor-sucesso-suave: var(--p-verde-50);
  --cor-atencao: var(--p-ambar-500);
  --cor-atencao-texto: var(--p-ambar-700);
  --cor-atencao-suave: var(--p-ambar-50);
  --cor-critico: var(--p-vermelho-500);
  --cor-critico-texto: var(--p-vermelho-700);
  --cor-critico-suave: var(--p-vermelho-50);
  --cor-selecao: var(--p-azul-100);
  --cor-foco: var(--p-azul-500);
  --cor-serie-1: var(--p-azul-500);
  --cor-serie-2: var(--p-rosa-500);
  --cor-serie-3: #5B6B8C;
  --raio: var(--p-raio-base);
  --sombra-cartao: none;
  --sombra-sobreposta: var(--p-sombra-alta);
  --tipo-meta-tamanho: 0.75rem;
  --tipo-meta-peso: 700;
  --tipo-rotulo-tamanho: 0.875rem;
  --tipo-rotulo-peso: 700;
  --tipo-tabela-tamanho: 0.875rem;
  --tipo-tabela-peso: 500;
  --tipo-corpo-tamanho: 1rem;
  --tipo-corpo-peso: 500;
  --tipo-secao-tamanho: 1.125rem;
  --tipo-secao-peso: 800;
  --tipo-secao-tracking: -0.01em;
  --tipo-pagina-tamanho: clamp(1.5rem, 1.1rem + 1.2vw, 1.9rem);
  --tipo-pagina-peso: 800;
  --tipo-pagina-tracking: -0.025em;
  --tipo-kpi-tamanho: clamp(1.75rem, 1.4rem + 0.9vw, 2.25rem);
  --tipo-kpi-peso: 800;
  --tipo-kpi-tracking: -0.03em;
  --tipo-marca-tamanho: 1.125rem;
  --tipo-marca-peso: 600;
  /* componentes */
  --c-botao-altura: 44px;
  --c-botao-altura-compacta: 36px;
  --c-botao-raio: var(--p-raio-controle);
  --c-botao-peso: 800;
  --c-campo-altura: 44px;
  --c-campo-raio: var(--p-raio-controle);
  --c-campo-borda: var(--cor-borda-controle);
  --c-selo-raio: var(--p-raio-selo);
  --c-selo-peso: 800;
  --c-cartao-raio: var(--p-raio-base);
  --c-cartao-borda: var(--cor-borda);
  --c-cartao-padding: 20px;
  --c-cartao-sombra: none;
  --c-lateral-largura: 236px;
  --c-lateral-largura-recolhida: 76px;
  --c-lateral-item-ativo-fundo: var(--cor-destaque-suave);
  --c-lateral-item-ativo-texto: var(--cor-destaque-forte);
  --c-lateral-item-ativo-marca: var(--cor-destaque);
  --c-topo-altura: 68px;
  --c-auxiliar-largura: 300px;
  --c-conteudo-margem: clamp(16px, 2.5vw, 32px);
  /* aliases legados do moderno.css: mantêm estilo.css e templates antigos funcionando */
  --bg: var(--cor-fundo-app);
  --surface: var(--cor-superficie);
  --surface-2: var(--cor-superficie-2);
  --ink: var(--cor-texto);
  --ink-2: var(--cor-texto-2);
  --ink-muted: var(--cor-texto-discreto);
  --grid: var(--cor-grade);
  --axis: var(--cor-eixo);
  --border: var(--cor-borda);
  --accent: var(--cor-acao);
  --accent-forte: var(--cor-acao-forte);
  --accent-suave: var(--cor-acao-suave);
  --accent-ink: var(--cor-acao-texto);
  --rosa: var(--cor-destaque);
  --rosa-forte: var(--cor-destaque-forte);
  --rosa-suave: var(--cor-destaque-suave);
  --good: var(--cor-sucesso);
  --warn: var(--cor-atencao);
  --critical: var(--cor-critico);
  --selecao: var(--cor-selecao);
  --s1: var(--cor-serie-1);
  --s2: var(--cor-serie-2);
  --r: var(--raio); --shadow: var(--sombra-cartao); --shadow-alta: var(--sombra-sobreposta);
}

/* breakpoints (documentação; CSS não aceita var() em @media): sm=640px, md=900px, lg=1280px, xl=1360px */