/*
 * ARQUIVO GERADO. NAO EDITE A MAO.
 *
 * Fonte: packages/tokens. Para regerar: pnpm --filter @ibs/painel tokens
 *
 * A suite reprova se este arquivo divergir do pacote, entao editar aqui nao
 * "funciona ate alguem reparar": funciona ate a proxima execucao da cadeia.
 */

:root {
  /* Cor. Tema claro, que e o do painel na versao 1. */
  --fundo: #F5F7F8;
  --superficie: #FFFFFF;
  --superficie-2: #EDF1F3;
  --borda: #D6DEE2;
  --borda-campo: #6B7C85;
  --tinta: #062033;
  --tinta-2: #676161;
  --tinta-desabilitada: #7E8A90;
  --acao: #12603A;
  --acao-texto: #FFFFFF;
  --marca-preenchimento: #31DF8E;
  --marca-texto: #062033;
  --marca-realce: #2BC77E;
  --marca-premido: #20995F;
  --a-vencer: #965B0D;
  --vencida: #C0342F;
  --quitada: #676161;
  --perigo: #C0342F;
  --perigo-texto: #FFFFFF;
  --etiqueta-neutra-fundo: #E7ECEF;
  --etiqueta-avencer-fundo: #FBEEDC;
  --etiqueta-vencida-fundo: #FBE9E7;

  /* Espacamento, base 4. Nada fora desta escala. */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --espaco-12: 48px;
  --espaco-16: 64px;
  --espaco-24: 96px;

  /* Raio. */
  --raio-campo: 6px;
  --raio-cartao: 12px;
  --raio-modal: 16px;
  --raio-cheio: 9999px;

  /* Elevacao. A ordem de separacao comeca no espaco, e a borda e o ultimo recurso. */
  --elevacao-n0: none;
  --elevacao-n1: 0 1px 2px rgba(6, 32, 51, 0.06), 0 1px 3px rgba(6, 32, 51, 0.04);
  --elevacao-n2: 0 4px 12px rgba(6, 32, 51, 0.08), 0 2px 4px rgba(6, 32, 51, 0.04);
  --elevacao-n3: 0 16px 40px rgba(6, 32, 51, 0.16), 0 4px 12px rgba(6, 32, 51, 0.08);

  /* Movimento. A saida e dois tercos da entrada. */
  --duracao-nenhum: 0ms;
  --duracao-micro: 120ms;
  --duracao-entrada: 240ms;
  --duracao-saida: 160ms;
  --duracao-camada: 280ms;
  --curva-padrao: cubic-bezier(0.2, 0, 0, 1);
  --curva-enfatizada: cubic-bezier(0.05, 0.7, 0.1, 1);
  --curva-saida: cubic-bezier(0.3, 0, 1, 1);

  /* Alvo de toque. Piso do produto, e nao o da norma. */
  --alvo-minimo: 48px;
  --alvo-separacao: 8px;

  /* Tipografia. O display (Archivo) vem de src/fontes por next/font/local, que redefine --fonte-display no body; o corpo cai na fonte do sistema. */
  --fonte-display: Archivo, 'Archivo Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-corpo: Inter, 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-numero: Inter, 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --texto-apoio: 14px;
  --texto-corpo: 16px;
  --texto-destaque: 18px;
  --texto-titulo3: 20px;
  --texto-titulo2: 24px;
  --texto-titulo1: 32px;
  --peso-normal: 400;
  --peso-medio: 500;
  --peso-forte: 600;
  --peso-display: 700;

}

/*
 * Tema escuro: DECLARADO E NAO LIGADO.
 *
 * O painel e claro na versao 1. Nada neste projeto escreve `data-tema`, entao
 * este bloco nao pinta nada hoje; ele existe para o dia em que o painel ganhar
 * alternancia, e para os valores nao nascerem naquele dia sem medicao.
 *
 * Ele NAO esta sob `prefers-color-scheme`: isso o ligaria para quem tem o
 * sistema no escuro, que e exatamente o caso que ninguem desenhou nem mediu
 * numa tela deste painel.
 */
[data-tema='escuro'] {
  /* Cor. Tema escuro, que e o nativo da marca. */
  --fundo: #062033;
  --superficie: #0B2A3E;
  --superficie-2: #123449;
  --borda: #1B4055;
  --borda-campo: #8FA3AD;
  --tinta: #FFFFFF;
  --tinta-2: #A3B4BC;
  --tinta-desabilitada: #6B7F8A;
  --acao: #31DF8E;
  --acao-texto: #062033;
  --marca-preenchimento: #31DF8E;
  --marca-texto: #062033;
  --marca-realce: #2BC77E;
  --marca-premido: #20995F;
  --a-vencer: #E68F22;
  --vencida: #FF7A70;
  --quitada: #A3B4BC;
  --perigo: #FF7A70;
  --perigo-texto: #062033;
  --etiqueta-neutra-fundo: #123449;
  --etiqueta-avencer-fundo: #3A2A15;
  --etiqueta-vencida-fundo: #3D1F1E;

}