/* e-roi · design tokens (gerado por marca/tokens/gerar.py; não editar à mão) */
/* versão 1.2 */

:root{
  --er-marca-preto:#000000;
  --er-marca-branco:#FFFFFF;
  --er-marca-cinza-60:#666666;
  --er-marca-cinza-10:#E6E6E6;
  --er-marca-vermelho:#D92D20;
  --er-cinza-0:#FFFFFF;--er-cinza-2:#FAFAFA;--er-cinza-5:#F2F2F2;--er-cinza-10:#E6E6E6;--er-cinza-20:#CCCCCC;--er-cinza-30:#B3B3B3;--er-cinza-40:#999999;--er-cinza-45:#8C8C8C;--er-cinza-55:#737373;--er-cinza-60:#666666;--er-cinza-70:#4D4D4D;--er-cinza-80:#333333;--er-cinza-88:#1F1F1F;--er-cinza-92:#141414;--er-cinza-95:#0D0D0D;--er-cinza-100:#000000;
  --er-vermelho-50:#FFF7F6;--er-vermelho-100:#FEE4E2;--er-vermelho-300:#F97066;--er-vermelho-500:#D92D20;--er-vermelho-700:#B42318;
  --er-verde-50:#ECFDF3;--er-verde-100:#DCFAE6;--er-verde-300:#47CD89;--er-verde-500:#17B26A;--er-verde-700:#067647;
  --er-ambar-50:#FFFAEB;--er-ambar-100:#FEF0C7;--er-ambar-300:#FDB022;--er-ambar-500:#F79009;--er-ambar-700:#B54708;
  --er-azul-50:#EFF4FF;--er-azul-100:#D1E0FF;--er-azul-300:#84ADFF;--er-azul-500:#2A78D6;--er-azul-700:#175CD3;
  --er-violeta-50:#F4F3FF;--er-violeta-100:#EBE9FE;--er-violeta-300:#A48AFB;--er-violeta-500:#6250D6;--er-violeta-700:#5925DC;
  --er-laranja-50:#FEF6EE;--er-laranja-100:#FDEAD7;--er-laranja-300:#F38744;--er-laranja-500:#EB6834;--er-laranja-700:#C4320A;
  --er-dados-1:#2A78D6;--er-dados-2:#EB6834;--er-dados-3:#1BAF7A;--er-dados-4:#EDA100;--er-dados-5:#E87BA4;--er-dados-6:#008300;--er-dados-7:#6250D6;--er-dados-8:#E34948;
  --er-dados-escuro-1:#3987E5;--er-dados-escuro-2:#D95926;--er-dados-escuro-3:#199E70;--er-dados-escuro-4:#C98500;--er-dados-escuro-5:#D55181;--er-dados-escuro-6:#008300;--er-dados-escuro-7:#9085E9;--er-dados-escuro-8:#E66767;
  --er-fonte:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --er-fonte-titulo:var(--er-fonte);--er-fonte-texto:var(--er-fonte);
  --er-tam-xs:12px;--er-tam-sm:13px;--er-tam-base:14px;--er-tam-md:16px;--er-tam-lg:18px;--er-tam-xl:20px;--er-tam-2xl:24px;--er-tam-3xl:30px;--er-tam-4xl:36px;--er-tam-5xl:48px;--er-tam-6xl:64px;--er-tam-7xl:88px;
  --er-peso-texto:400;--er-peso-numero:500;--er-peso-subtitulo:600;--er-peso-titulo:700;
  --er-entrelinha-justa:1.1;--er-entrelinha-titulo:1.2;--er-entrelinha-texto:1.5;--er-entrelinha-solta:1.7;
  --er-espacamento-titulo:-0.02em;--er-espacamento-display:-0.035em;--er-espacamento-rotulo:0.06em;
  --er-esp-1:4px;--er-esp-2:8px;--er-esp-3:12px;--er-esp-4:16px;--er-esp-5:20px;--er-esp-6:24px;--er-esp-8:32px;--er-esp-10:40px;--er-esp-12:48px;--er-esp-16:64px;--er-esp-20:80px;--er-esp-24:96px;
  --er-raio-controle:4px;--er-raio-cartao:6px;--er-raio-painel:8px;--er-raio-popup:10px;--er-raio-icone-app:22%;--er-raio-pilula:999px;
  --er-mov-rapido:120ms;--er-mov-padrao:180ms;--er-mov-lento:280ms;--er-mov-curva:cubic-bezier(.2,.7,.2,1);
  --er-z-menu:50;--er-z-popup:100;--er-z-aviso:200;
}
:root,[data-theme="light"]{
  color-scheme:light;
  --er-fundo:var(--er-cinza-0);
  --er-superficie:var(--er-cinza-0);
  --er-superficie-2:var(--er-cinza-2);
  --er-superficie-3:var(--er-cinza-5);
  --er-borda:var(--er-cinza-10);
  --er-borda-forte:var(--er-cinza-20);
  --er-texto:var(--er-cinza-100);
  --er-texto-2:var(--er-cinza-60);
  --er-texto-3:var(--er-cinza-55);
  --er-texto-inverso:var(--er-cinza-0);
  --er-primaria:var(--er-cinza-100);
  --er-primaria-hover:var(--er-cinza-80);
  --er-primaria-texto:var(--er-cinza-0);
  --er-acao:var(--er-cinza-100);
  --er-acao-hover:var(--er-cinza-80);
  --er-acao-suave:var(--er-cinza-5);
  --er-acao-texto:var(--er-cinza-0);
  --er-foco:var(--er-cinza-100);
  --er-lateral-fundo:var(--er-cinza-5);
  --er-lateral-texto:var(--er-cinza-80);
  --er-lateral-texto-2:var(--er-cinza-60);
  --er-lateral-hover:var(--er-cinza-10);
  --er-lateral-ativo-fundo:var(--er-cinza-100);
  --er-lateral-ativo-texto:var(--er-cinza-0);
  --er-lateral-borda:var(--er-cinza-10);
  --er-sobreposicao:rgba(0,0,0,.5);
  --er-graf-1:var(--er-cinza-100);
  --er-graf-2:var(--er-cinza-60);
  --er-graf-3:var(--er-cinza-30);
  --er-graf-4:var(--er-cinza-10);
  --er-graf-neutro:var(--er-cinza-20);
  --er-dado-1:var(--er-dados-1);
  --er-dado-2:var(--er-dados-2);
  --er-dado-3:var(--er-dados-3);
  --er-dado-4:var(--er-dados-4);
  --er-dado-5:var(--er-dados-5);
  --er-dado-6:var(--er-dados-6);
  --er-dado-7:var(--er-dados-7);
  --er-dado-8:var(--er-dados-8);
  --er-sombra-1:none;
  --er-sombra-2:0 8px 24px rgba(0,0,0,.08);
  --er-sombra-3:0 24px 64px rgba(0,0,0,.18);
  --er-sucesso:var(--er-verde-700);
  --er-sucesso-suave:var(--er-verde-50);
  --er-sucesso-ponto:var(--er-verde-500);
  --er-alerta:var(--er-ambar-700);
  --er-alerta-suave:var(--er-ambar-50);
  --er-alerta-ponto:var(--er-ambar-500);
  --er-info:var(--er-azul-700);
  --er-info-suave:var(--er-azul-50);
  --er-info-ponto:var(--er-azul-500);
  --er-erro:var(--er-vermelho-500);
  --er-erro-suave:var(--er-vermelho-50);
  --er-erro-ponto:var(--er-vermelho-500);
  --er-destaque:var(--er-violeta-500);
  --er-destaque-suave:var(--er-violeta-50);
  --er-quente:var(--er-vermelho-500);
  --er-quente-suave:var(--er-vermelho-50);
  --er-neutro-ponto:var(--er-cinza-40);
}
[data-theme="dark"]{
  color-scheme:dark;
  --er-fundo:var(--er-cinza-100);
  --er-superficie:var(--er-cinza-95);
  --er-superficie-2:var(--er-cinza-92);
  --er-superficie-3:var(--er-cinza-88);
  --er-borda:var(--er-cinza-88);
  --er-borda-forte:var(--er-cinza-80);
  --er-texto:var(--er-cinza-0);
  --er-texto-2:var(--er-cinza-30);
  --er-texto-3:var(--er-cinza-45);
  --er-texto-inverso:var(--er-cinza-100);
  --er-primaria:var(--er-cinza-0);
  --er-primaria-hover:var(--er-cinza-10);
  --er-primaria-texto:var(--er-cinza-100);
  --er-acao:var(--er-cinza-0);
  --er-acao-hover:var(--er-cinza-10);
  --er-acao-suave:var(--er-cinza-88);
  --er-acao-texto:var(--er-cinza-100);
  --er-foco:var(--er-cinza-0);
  --er-lateral-fundo:var(--er-cinza-100);
  --er-lateral-texto:var(--er-cinza-30);
  --er-lateral-texto-2:var(--er-cinza-45);
  --er-lateral-hover:var(--er-cinza-88);
  --er-lateral-ativo-fundo:var(--er-cinza-0);
  --er-lateral-ativo-texto:var(--er-cinza-100);
  --er-lateral-borda:var(--er-cinza-88);
  --er-sobreposicao:rgba(0,0,0,.7);
  --er-graf-1:var(--er-cinza-0);
  --er-graf-2:var(--er-cinza-40);
  --er-graf-3:var(--er-cinza-60);
  --er-graf-4:var(--er-cinza-80);
  --er-graf-neutro:var(--er-cinza-70);
  --er-dado-1:var(--er-dados-escuro-1);
  --er-dado-2:var(--er-dados-escuro-2);
  --er-dado-3:var(--er-dados-escuro-3);
  --er-dado-4:var(--er-dados-escuro-4);
  --er-dado-5:var(--er-dados-escuro-5);
  --er-dado-6:var(--er-dados-escuro-6);
  --er-dado-7:var(--er-dados-escuro-7);
  --er-dado-8:var(--er-dados-escuro-8);
  --er-sombra-1:none;
  --er-sombra-2:0 8px 24px rgba(0,0,0,.6);
  --er-sombra-3:0 24px 64px rgba(0,0,0,.7);
  --er-sucesso:var(--er-verde-300);
  --er-sucesso-suave:rgba(23,178,106,.16);
  --er-sucesso-ponto:var(--er-verde-500);
  --er-alerta:var(--er-ambar-300);
  --er-alerta-suave:rgba(247,144,9,.16);
  --er-alerta-ponto:var(--er-ambar-500);
  --er-info:var(--er-azul-300);
  --er-info-suave:rgba(42,120,214,.20);
  --er-info-ponto:var(--er-azul-300);
  --er-erro:var(--er-vermelho-300);
  --er-erro-suave:rgba(217,45,32,.18);
  --er-erro-ponto:var(--er-vermelho-300);
  --er-destaque:var(--er-violeta-300);
  --er-destaque-suave:rgba(98,80,214,.22);
  --er-quente:var(--er-vermelho-300);
  --er-quente-suave:rgba(217,45,32,.18);
  --er-neutro-ponto:var(--er-cinza-55);
}