/* Kaizen — generated from tokens.json */
/* Variáveis do Design System, geradas de tokens.json: 57 cores, 10 espaços, 6 raios, 4 sombras, 4 camadas, 3 de tempo e a fonte (85).
   Copie este arquivo e components/bundle.css para o app; carregue os dois depois da fonte Inter.
   Quando alguém salva pela página do editor, ela grava este arquivo de novo a partir de tokens.json. */
:root {
  --branco: #ffffff;
  --cinza-50: #f3f3f4;
  --cinza-100: #e2e2e5;
  --cinza-200: #c5c5cb;
  --cinza-300: #a9a8b1;
  --cinza-400: #8c8a96;
  --cinza-500: #6f6d7c;
  --cinza-600: #525062;
  --cinza-700: #3e3c4a;
  --cinza-800: #292831;
  --cinza-900: #151419;
  --azul-50: #e5f0fd;
  --azul-100: #bfd9fa;
  --azul-200: #80b4f4;
  --azul-300: #408eef;
  --azul-500: #0068e9;
  --azul-600: #0053ba;
  --azul-700: #003e8c;
  --azul-800: #002a5d;
  --ambar-50: #fff0df;
  --ambar-100: #ffe1bf;
  --ambar-500: #ff8800;
  --ambar-600: #da7400;
  --ambar-800: #914d00;
  --vermelho-50: #ffe7ea;
  --vermelho-100: #ffb7bf;
  --vermelho-500: #ff1028;
  --vermelho-600: #d50d21;
  --vermelho-700: #aa0b1b;
  --cor-fundo: var(--cinza-50);
  --cor-superficie: var(--branco);
  --cor-superficie-elevada: var(--branco);
  --cor-texto: var(--cinza-900);
  --cor-texto-secundario: var(--cinza-600);
  --cor-texto-terciario: var(--cinza-500);
  --cor-texto-desabilitado: var(--cinza-300);
  --cor-contorno: var(--cinza-100);
  --cor-contorno-campo: var(--cinza-200);
  --cor-contorno-forte: var(--cinza-400);
  --cor-destaque: var(--azul-500);
  --cor-destaque-forte: var(--azul-600);
  --cor-destaque-pressionado: var(--azul-700);
  --cor-destaque-fundo: var(--azul-50);
  --cor-sobre-destaque: var(--branco);
  --cor-foco: var(--azul-500);
  --cor-atencao: var(--ambar-800);
  --cor-atencao-marca: var(--ambar-600);
  --cor-atencao-fundo: var(--ambar-50);
  --cor-fora: var(--vermelho-700);
  --cor-fora-marca: var(--vermelho-600);
  --cor-fora-fundo: var(--vermelho-50);
  --cor-grafico-destaque: var(--azul-500);
  --cor-grafico-neutro: var(--cinza-400);
  --cor-grafico-neutro-fraco: var(--cinza-100);
  --cor-esqueleto: var(--cinza-100);
  --cor-superficie-escura: var(--cinza-800);
  --cor-fundo-faixa-neutra: var(--cinza-100);
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-24: 24px;
  --espaco-32: 32px;
  --espaco-40: 40px;
  --espaco-48: 48px;
  --espaco-64: 64px;
  --espaco-80: 80px;
  --raio-0: 0px;
  --raio-pequeno: 4px;
  --raio-medio: 8px;
  --raio-grande: 12px;
  --raio-maior: 16px;
  --raio-pilula: 999px;
  --sombra-xp: 0 0 4px rgba(0, 0, 0, 0.15);
  --sombra-p: 0 1px 6px rgba(0, 0, 0, 0.15);
  --sombra-m: 1.5px 2px 8px rgba(0, 0, 0, 0.1), -1px 0 8px rgba(0, 0, 0, 0.1);
  --sombra-g: 2.25px 3px 10px rgba(0, 0, 0, 0.1), -2px -1px 12px rgba(0, 0, 0, 0.1);
  --z-faixa: 10;
  --z-menu-aberto: 20;
  --z-painel: 30;
  --z-dica: 40;
  --tempo-curto: 150ms;
  --tempo-medio: 200ms;
  --curva-saida: cubic-bezier(0.2, 0, 0, 1);
  --font-inter: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}