/* Monuvi design tokens v0.3.0. Gerado por packages/design-tokens/gerar.js a partir de tokens.json. Não edite à mão.
*/
:root {
  --fundo: #f4f5f7;
  --superficie: #ffffff;
  --superficie-2: #eceef1;
  --superficie-3: #e1e4e8;
  --linha: #e3e5e9;
  --linha-forte: #c9cdd3;
  --texto: #14171c;
  --texto-2: #4b5058;
  --texto-3: #646a73;
  --texto-4: #a3a7ae;
  --marca: #3560c8;
  --marca-suave: #e4eafa;
  --marca-texto: #ffffff;
  --alerta: #c42e24;
  --alerta-suave: #fbe6e4;
  --atencao: #9a5505;
  --atencao-suave: #faecd3;
  --ok: #1b7a42;
  --ok-suave: #e0f2e6;
  --entrada: #1b7a42;
  --saida: #14171c;
  --hoje: #14171c;
  --foco: #3560c8;
  --controle: #ffffff;
  --controle-borda: #cfd3d9;
  --sobreposicao: #14171c73;
  --esqueleto: #e1e4e8;
  --esqueleto-brilho: #eceef1;
  --painel: #1b3a85;
  --painel-2: #22459a;
  --painel-3: #2b53b0;
  --painel-4: #3560c8;
  --painel-texto: #ffffff;
  --painel-texto-2: #e6ecfc;
  --painel-linha: #ffffff2e;
  --noite: #121a33;
  --noite-2: #172142;
  --noite-3: #1d2a54;
  --noite-texto: #e9eaec;
  --noite-texto-2: #a9b6d9;
  --noite-marca: #8ba8ff;
  --noite-marca-texto: #0b1a3f;
  --noite-linha: #ffffff1f;
  --logotipo: #0b1430;
  --logotipo-u: #3560c8;
  --logotipo-u-fim: #6b5fd6;
  --painel-logotipo-u: #8ba8ff;
  --painel-logotipo-u-fim: #c3b6ff;
  --grafico-1: #3560c8;
  --grafico-2: #6a8fe3;
  --grafico-3: #bf870a;
  --grafico-4: #dd6a1f;
  --grafico-5: #d9483b;
  --grafico-neutro: #a3a7ae;
  --cat-uva: #9069d3;
  --cat-uva-suave: #eeeaf5;
  --cat-terracota: #c1501f;
  --cat-terracota-suave: #f7ede9;
  --cat-musgo: #3a9851;
  --cat-musgo-suave: #ebf4ed;
  --cat-ameixa: #c851b4;
  --cat-ameixa-suave: #f5eaf3;
  --cat-ambar: #aa760e;
  --cat-ambar-suave: #f8f3e7;
  --cat-ceu: #1c7bab;
  --cat-ceu-suave: #e9f2f7;
  --cat-salmao: #da496d;
  --cat-salmao-suave: #f6e9ec;
  --cat-oliva: #7c962c;
  --cat-oliva-suave: #f2f5ea;
  --cat-cacau: #a76d44;
  --cat-cacau-suave: #f4efec;
  --cat-grafite: #70808f;
  --cat-grafite-suave: #eef0f1;
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-24: 24px;
  --espaco-32: 32px;
  --espaco-48: 48px;
  --espaco-64: 64px;
  --raio-cartao: 16px;
  --raio-cartao-grade: 16px;
  --raio-chip: 8px;
  --raio-campo: 8px;
  --raio-folha: 16px;
  --raio-pilula: 999px;
  --toque-minimo: 44px;
  --icone-pequeno: 16px;
  --icone: 20px;
  --icone-grande: 24px;
  --traco-icone: 1.75px;
  --espessura-linha: 1px;
  --barra: 10px;
  --hoje-largura: 2px;
  --hoje-sobra: 3px;
  --campo-altura: 36px;
  --botao-altura: 36px;
  --coluna-leitura: 680px;
  --largura-maxima: 1320px;
  --duracao-rapida: 120ms;
  --duracao-media: 160ms;
  --duracao-lenta: 200ms;
  --fonte: -apple-system, "SF Pro Text", BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --tipo-heroi: 650 34px/1.1 var(--fonte);
  --tipo-heroi-espacamento: -0.02em;
  --tipo-pagina: 600 24px/1.2 var(--fonte);
  --tipo-pagina-espacamento: -0.015em;
  --tipo-titulo: 600 20px/1.2 var(--fonte);
  --tipo-titulo-espacamento: -0.01em;
  --tipo-secao: 600 15px/1.3 var(--fonte);
  --tipo-secao-espacamento: 0em;
  --tipo-corpo: 400 14px/1.45 var(--fonte);
  --tipo-corpo-espacamento: 0em;
  --tipo-valor: 500 14px/1.45 var(--fonte);
  --tipo-valor-espacamento: 0em;
  --tipo-rotulo: 500 12px/1.3 var(--fonte);
  --tipo-rotulo-espacamento: 0em;
  --tipo-metadado: 400 11px/1.3 var(--fonte);
  --tipo-metadado-espacamento: 0em;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fundo: #0f1012;
    --superficie: #17191d;
    --superficie-2: #212428;
    --superficie-3: #2a2e34;
    --linha: #2e3137;
    --linha-forte: #42464d;
    --texto: #e9eaec;
    --texto-2: #bdc0c5;
    --texto-3: #90949b;
    --texto-4: #62666d;
    --marca: #8ba8ff;
    --marca-suave: #1d2640;
    --marca-texto: #0b1a3f;
    --alerta: #ef6d60;
    --alerta-suave: #3b1c18;
    --atencao: #dba13a;
    --atencao-suave: #382c14;
    --ok: #4fb57a;
    --ok-suave: #193425;
    --entrada: #4fb57a;
    --saida: #e9eaec;
    --hoje: #e9eaec;
    --foco: #8ba8ff;
    --controle: #212428;
    --controle-borda: #42464d;
    --sobreposicao: #00000099;
    --esqueleto: #2a2e34;
    --esqueleto-brilho: #343940;
    --painel: #121a33;
    --painel-2: #172142;
    --painel-3: #1d2a54;
    --painel-4: #253668;
    --painel-texto: #e9eaec;
    --painel-texto-2: #a9b6d9;
    --painel-linha: #ffffff1f;
    --noite: #121a33;
    --noite-2: #172142;
    --noite-3: #1d2a54;
    --noite-texto: #e9eaec;
    --noite-texto-2: #a9b6d9;
    --noite-marca: #8ba8ff;
    --noite-marca-texto: #0b1a3f;
    --noite-linha: #ffffff1f;
    --logotipo: #eef1fa;
    --logotipo-u: #8ba8ff;
    --logotipo-u-fim: #ab9dff;
    --painel-logotipo-u: #8ba8ff;
    --painel-logotipo-u-fim: #c3b6ff;
    --grafico-1: #8ba8ff;
    --grafico-2: #4867b5;
    --grafico-3: #e3b341;
    --grafico-4: #ef8a4a;
    --grafico-5: #ef6d60;
    --grafico-neutro: #62666d;
    --cat-uva: #8d6cc6;
    --cat-uva-suave: #262032;
    --cat-terracota: #cc683e;
    --cat-terracota-suave: #35241d;
    --cat-musgo: #89c899;
    --cat-musgo-suave: #213025;
    --cat-ameixa: #c572b7;
    --cat-ameixa-suave: #31202f;
    --cat-ambar: #c99326;
    --cat-ambar-suave: #372d1b;
    --cat-ceu: #5aabd3;
    --cat-ceu-suave: #1d2d35;
    --cat-salmao: #cf637e;
    --cat-salmao-suave: #331e23;
    --cat-oliva: #adc468;
    --cat-oliva-suave: #2d3220;
    --cat-cacau: #b58869;
    --cat-cacau-suave: #302822;
    --cat-grafite: #9aa3ac;
    --cat-grafite-suave: #27292b;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --fundo: #0f1012;
  --superficie: #17191d;
  --superficie-2: #212428;
  --superficie-3: #2a2e34;
  --linha: #2e3137;
  --linha-forte: #42464d;
  --texto: #e9eaec;
  --texto-2: #bdc0c5;
  --texto-3: #90949b;
  --texto-4: #62666d;
  --marca: #8ba8ff;
  --marca-suave: #1d2640;
  --marca-texto: #0b1a3f;
  --alerta: #ef6d60;
  --alerta-suave: #3b1c18;
  --atencao: #dba13a;
  --atencao-suave: #382c14;
  --ok: #4fb57a;
  --ok-suave: #193425;
  --entrada: #4fb57a;
  --saida: #e9eaec;
  --hoje: #e9eaec;
  --foco: #8ba8ff;
  --controle: #212428;
  --controle-borda: #42464d;
  --sobreposicao: #00000099;
  --esqueleto: #2a2e34;
  --esqueleto-brilho: #343940;
  --painel: #121a33;
  --painel-2: #172142;
  --painel-3: #1d2a54;
  --painel-4: #253668;
  --painel-texto: #e9eaec;
  --painel-texto-2: #a9b6d9;
  --painel-linha: #ffffff1f;
  --noite: #121a33;
  --noite-2: #172142;
  --noite-3: #1d2a54;
  --noite-texto: #e9eaec;
  --noite-texto-2: #a9b6d9;
  --noite-marca: #8ba8ff;
  --noite-marca-texto: #0b1a3f;
  --noite-linha: #ffffff1f;
  --logotipo: #eef1fa;
  --logotipo-u: #8ba8ff;
  --logotipo-u-fim: #ab9dff;
  --painel-logotipo-u: #8ba8ff;
  --painel-logotipo-u-fim: #c3b6ff;
  --grafico-1: #8ba8ff;
  --grafico-2: #4867b5;
  --grafico-3: #e3b341;
  --grafico-4: #ef8a4a;
  --grafico-5: #ef6d60;
  --grafico-neutro: #62666d;
  --cat-uva: #8d6cc6;
  --cat-uva-suave: #262032;
  --cat-terracota: #cc683e;
  --cat-terracota-suave: #35241d;
  --cat-musgo: #89c899;
  --cat-musgo-suave: #213025;
  --cat-ameixa: #c572b7;
  --cat-ameixa-suave: #31202f;
  --cat-ambar: #c99326;
  --cat-ambar-suave: #372d1b;
  --cat-ceu: #5aabd3;
  --cat-ceu-suave: #1d2d35;
  --cat-salmao: #cf637e;
  --cat-salmao-suave: #331e23;
  --cat-oliva: #adc468;
  --cat-oliva-suave: #2d3220;
  --cat-cacau: #b58869;
  --cat-cacau-suave: #302822;
  --cat-grafite: #9aa3ac;
  --cat-grafite-suave: #27292b;
  color-scheme: dark;
}
/* Papéis de texto: use a classe, não o tamanho solto. */
.tipo-heroi { font: var(--tipo-heroi); letter-spacing: var(--tipo-heroi-espacamento); font-variant-numeric: tabular-nums; }
.tipo-pagina { font: var(--tipo-pagina); letter-spacing: var(--tipo-pagina-espacamento); }
.tipo-titulo { font: var(--tipo-titulo); letter-spacing: var(--tipo-titulo-espacamento); }
.tipo-secao { font: var(--tipo-secao); letter-spacing: var(--tipo-secao-espacamento); }
.tipo-corpo { font: var(--tipo-corpo); letter-spacing: var(--tipo-corpo-espacamento); }
.tipo-valor { font: var(--tipo-valor); letter-spacing: var(--tipo-valor-espacamento); font-variant-numeric: tabular-nums; }
.tipo-rotulo { font: var(--tipo-rotulo); letter-spacing: var(--tipo-rotulo-espacamento); }
.tipo-metadado { font: var(--tipo-metadado); letter-spacing: var(--tipo-metadado-espacamento); font-variant-numeric: tabular-nums; }
.tipo-heroi small { font-size: 0.5em; font-weight: 500; color: var(--texto-3); }
.tabular { font-variant-numeric: tabular-nums; }
/* Logotipo: o nome com o "u" em cor. Único lugar com degradê. Use a classe, nunca reescreva o nome com CSS próprio. */
.logotipo { font-family: var(--fonte); font-weight: 700; letter-spacing: -0.02em; line-height: 1; color: var(--logotipo); white-space: nowrap; display: inline-block; }
.logotipo i { font-style: normal; color: var(--logotipo-u); }
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .logotipo i { background-image: linear-gradient(135deg, var(--logotipo-u), var(--logotipo-u-fim)); -webkit-background-clip: text; background-clip: text; color: transparent; }
}
.logotipo.sobre-painel { color: var(--painel-texto); }
.logotipo.sobre-painel i { color: var(--painel-logotipo-u); background-image: linear-gradient(135deg, var(--painel-logotipo-u), var(--painel-logotipo-u-fim)); }
.logotipo-pequeno { font-size: 19px; }
.logotipo-medio { font-size: 28px; }
.logotipo-grande { font-size: 44px; }