/* Franco · tokens do Design System (fonte: DESIGN.md e padroes/design/tokens.json). Não edite à mão: gere de novo a partir do tokens.json. */
:root, [data-theme="light"] {
  --chumbo-0: #FFFFFF;
  --chumbo-25: #F3F5F6;
  --chumbo-40: #E8ECED;
  --chumbo-50: #E3E7E9;
  --chumbo-300: #A3ADB0;
  --chumbo-400: #838E92;
  --chumbo-500: #5A6569;
  --chumbo-700: #2B3235;
  --chumbo-800: #1C2225;
  --petroleo-700: #1A3F48;
  --petroleo-800: #0B2A33;
  --petroleo-900: #061A20;
  --verde-50: #ECFDF3;
  --verde-100: #C9F7DA;
  --verde-200: #86EFAC;
  --verde-400: #4ADE80;
  --verde-500: #22C55E;
  --verde-700: #14742F;
  --verde-900: #0F4D22;
  --operational-50: #E3F3F4;
  --operational-100: #B0D7D8;
  --operational-300: #5ECBD2;
  --operational-500: #1A9AA3;
  --operational-700: #086972;
  --operational-800: #054E55;
  --operational-900: #03363B;
  --financial-50: #F4EFF8;
  --financial-100: #E4D5EE;
  --financial-300: #C9A6DA;
  --financial-500: #9673B6;
  --financial-700: #66468A;
  --financial-900: #36214D;
  --risco-critico: #B91C1C;
  --risco-critico-bg: #FEE2E2;
  --risco-critico-ink: #7F1D1D;
  --risco-alto: #EA580C;
  --risco-alto-bg: #FDE7DA;
  --risco-alto-ink: #7C2D12;
  --risco-medio: #F59E0B;
  --risco-medio-bg: #FEF3C7;
  --risco-medio-ink: #78350F;
  --risco-baixo: #38BDF8;
  --risco-baixo-bg: #E0F2FE;
  --risco-baixo-ink: #0C4A6E;
  --risco-limpo: #22C55E;
  --risco-limpo-bg: #DCFCE7;
  --risco-limpo-ink: #14532D;
  --sem-retorno: #4E6E93;
  --sem-retorno-borda: #94A3B8;
  --fundo: var(--chumbo-25);
  --cartao: var(--chumbo-0);
  --barra: var(--chumbo-0);
  --linha: var(--chumbo-50);
  --linha-controle: var(--chumbo-400);
  --tinta: var(--chumbo-800);
  --tinta-apoio: var(--chumbo-500);
  --marca: var(--petroleo-800);
  --acao: var(--verde-500);
  --sobre-acao: #062312;
  --acao-texto: var(--verde-700);
  --foco: var(--verde-700);
  --contorno-hover: var(--verde-500);
  --buyer-bg: var(--verde-50);
  --buyer: var(--verde-700);
  --operational-bg: var(--operational-50);
  --operational: var(--operational-700);
  --financial-bg: var(--financial-50);
  --financial: var(--financial-700);
  --grafico-1: #16A34A;
  --grafico-2: #0F8A93;
  --grafico-3: var(--financial-700);
  --grafico-4: var(--petroleo-800);
  --grafico-5: var(--chumbo-400);
  --grade-grafico: var(--chumbo-50);
  --sombra-nenhuma: none;
  --sombra-flutuante: 0 8px 24px rgba(11,42,51,0.12);
}
[data-theme="dark"] {
  --risco-critico-bg: #3F1414;
  --risco-critico-ink: #FCA5A5;
  --risco-alto-bg: #3A1E10;
  --risco-alto-ink: #FDBA8C;
  --risco-medio-bg: #3A2A0C;
  --risco-medio-ink: #FCD34D;
  --risco-baixo-bg: #0C2A3D;
  --risco-baixo-ink: #7DD3FC;
  --risco-limpo-bg: #0F3A2A;
  --risco-limpo-ink: #86EFAC;
  --sem-retorno: #93B8E8;
  --fundo: var(--petroleo-900);
  --cartao: var(--chumbo-800);
  --barra: var(--petroleo-800);
  --linha: var(--chumbo-700);
  --linha-controle: var(--chumbo-400);
  --tinta: var(--chumbo-40);
  --tinta-apoio: var(--chumbo-300);
  --marca: var(--petroleo-800);
  --acao: var(--verde-400);
  --sobre-acao: var(--petroleo-900);
  --acao-texto: var(--verde-400);
  --foco: var(--verde-400);
  --contorno-hover: var(--verde-400);
  --buyer-bg: #0F3A2A;
  --buyer: var(--verde-400);
  --operational-bg: #0A3A40;
  --operational: var(--operational-300);
  --financial-bg: #2A1C3D;
  --financial: var(--financial-300);
  --grafico-1: var(--verde-400);
  --grafico-2: var(--operational-300);
  --grafico-3: var(--financial-300);
  --grafico-4: var(--chumbo-40);
  --grafico-5: var(--chumbo-400);
  --grade-grafico: var(--chumbo-700);
  --sombra-flutuante: 0 8px 24px rgba(0,0,0,0.45);
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --espaco-12: 48px;
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 16px;
  --raio-pilula: 999px;
  --alvo-toque: 44px;
  --controle: 40px;
  --largura-minima: 375px;
  --font-sans: Geist, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
}
.display-xl { font-family: var(--font-serif); font-size: 64px; line-height: 1; font-weight: 400; letter-spacing: -0.01em; }
.display-lg { font-family: var(--font-serif); font-size: 40px; line-height: 1.05; font-weight: 400; }
.numero-xl { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 600; }
.titulo { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; }
.subtitulo { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; }
.corpo-lg { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.corpo { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.corpo-forte { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.tabela { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.rotulo { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.04em; }
.codigo { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }