/* Vertex — tokens de design gerados do banco (spec 162) · cliente v2, sistema v2 */
:root{
  /* @grupo primitivo-cor */
  --laranja-50:#FFF8EF;
  --laranja-100:#FFE0C7;
  --laranja-150:#FFD9C2;
  --laranja-500:#FF6A1F;
  --laranja-600:#E8580F;
  --laranja-700:#C74A12;
  --laranja-900:#1A0E06;
  --cinza-0:#FFFFFF;
  --cinza-25:#FAFBFC;
  --cinza-50:#F2F3F7;
  --cinza-75:#EFF1F4;
  --cinza-100:#E6E8EE;
  --cinza-150:#EAEBEE;
  --cinza-200:#E0E2E8;
  --cinza-250:#D7DAE0;
  --cinza-300:#C8CCD4;
  --cinza-400:#A4AAB6;
  --cinza-450:#8B919E;
  --cinza-500:#7B8290;
  --cinza-600:#5A616E;
  --cinza-700:#4A5162;
  --cinza-800:#3A4049;
  --cinza-900:#111112;
  --verde-50:#F5FBF7;
  --verde-100:#DFF0E6;
  --verde-200:#BFE0CC;
  --verde-500:#4A8F68;
  --verde-600:#1F7A4D;
  --verde-700:#1A6640;
  --vermelho-50:#FDF6F5;
  --vermelho-100:#F8DDDA;
  --vermelho-200:#F1C9C4;
  --vermelho-600:#B8332A;
  --vermelho-700:#8F2820;
  --ambar-50:#FBF6EC;
  --ambar-100:#F5E9CF;
  --ambar-200:#EBDAB4;
  --ambar-600:#946011;
  --ambar-700:#7A4F0E;

  /* @grupo acento */
  --acento-50:var(--laranja-50);
  --acento-100:var(--laranja-100);
  --acento-200:var(--laranja-150);
  --acento-300:var(--laranja-150);
  --acento-500:var(--laranja-500);
  --acento-600:var(--laranja-600);
  --acento-700:var(--laranja-700);
  --acento-texto:var(--laranja-700);
  --acento-sobre:var(--laranja-900);
  --acento-sombra:rgba(255,106,31,.3);

  /* @grupo superficie */
  --tela:var(--cinza-150);
  --tela-textura:none;
  --tela-textura-tamanho:22px 22px;
  --tela-vidro:rgba(234,235,238,.92);
  --card:var(--cinza-0);
  --superficie-2:var(--cinza-50);
  --rodape:var(--cinza-25);
  --overlay:rgba(17,17,18,.45);
  --overlay-claro:rgba(255,255,255,.6);

  /* @grupo texto */
  --tinta:var(--cinza-900);
  --tinta-corpo:var(--cinza-800);
  --tinta-2:var(--cinza-700);
  --tinta-3:var(--cinza-600);
  --tinta-4:var(--cinza-400);
  --tinta-inversa:var(--cinza-0);

  /* @grupo borda */
  --borda:var(--cinza-200);
  --borda-2:var(--cinza-75);
  --borda-forte:var(--cinza-300);

  /* @grupo sinal */
  --sinal:var(--acento-500);
  --sinal-texto:var(--acento-texto);
  --sinal-hover:var(--acento-600);
  --sinal-tint:var(--acento-50);
  --sinal-tint-texto:var(--acento-700);
  --sinal-borda:var(--acento-200);
  --sinal-sobre:var(--acento-sobre);

  /* @grupo estado */
  --ok:var(--verde-600);
  --ok-tint:var(--verde-50);
  --ok-borda:var(--verde-200);
  --ok-tint-forte:var(--verde-100);
  --ok-texto:var(--verde-700);
  --alerta:var(--ambar-600);
  --alerta-tint:var(--ambar-50);
  --alerta-borda:var(--ambar-200);
  --erro:var(--vermelho-600);
  --erro-tint:var(--vermelho-50);
  --erro-borda:var(--vermelho-200);
  --erro-tint-forte:var(--vermelho-100);
  --erro-texto:var(--vermelho-700);
  --perigo:var(--vermelho-600);
  --neutro:var(--cinza-700);
  --neutro-tint:var(--cinza-50);
  --info:var(--cinza-800);
  --info-tint:var(--cinza-50);
  --info-borda:var(--cinza-250);
  --especial:var(--cinza-800);
  --especial-tint:var(--cinza-50);
  --especial-borda:var(--cinza-250);

  /* @grupo grafico */
  --grafico-1:var(--sinal);
  --grafico-2:#B8332A;
  --grafico-3:#3E6CB0;
  --grafico-4:#1F7A4D;
  --grafico-5:#C2861B;
  --grafico-6:#7A57A8;
  --grafico-7:#2A8F9C;
  --grafico-8:#4A5162;
  --grafico-9:#A4AAB6;

  /* @grupo tipografia */
  --fonte-display:'Geist', system-ui, -apple-system, sans-serif;
  --fonte-corpo:'Geist', system-ui, -apple-system, sans-serif;
  --fonte-mono:'Geist Mono', ui-monospace, monospace;

  /* @grupo raio */
  --raio-xs:5px;
  --raio-sm:6px;
  --raio-md:7px;
  --raio-lg:12px;
  --raio-full:999px;

  /* @grupo sombra */
  --sombra:0 2px 8px rgba(17,17,18,.05);
  --sombra-sm:0 1px 4px rgba(17,17,18,.04);
  --sombra-xs:0 1px 2px rgba(17,17,18,.1);
  --sombra-alca:0 1px 2px rgba(0,0,0,.14);
  --sombra-toast:0 4px 20px rgba(17,17,18,.18);
  --sombra-modal:0 20px 60px rgba(17,17,18,.22);
  --foco:0 0 0 3px var(--cinza-100);

  /* @grupo componente */
  --acao-pagar-bg:var(--sinal);
  --acao-pagar-texto:var(--sinal-sobre);
  --acao-responder-bg:var(--erro);
  --acao-responder-texto:var(--tinta-inversa);
  --acao-aguardar-bg:var(--superficie-2);
  --acao-aguardar-texto:var(--tinta-2);
  --andamento-tint:var(--superficie-2);
  --andamento-texto:var(--tinta-2);
  --andamento-borda:var(--borda);
  --btn-primario-bg:var(--sinal);
  --btn-primario-fg:var(--sinal-sobre);
  --btn-primario-hover:var(--sinal-hover);
  --btn-primario-sombra:0 2px 6px var(--acento-sombra);
  --btn-altura:40px;
  --btn-raio:var(--raio-md);
  --card-raio:var(--raio-lg);
  --input-bg:var(--cinza-25);
  --input-borda:var(--borda);
  --input-foco:var(--tinta);
  --aba-ativa:var(--sinal);
  --nav-ativo-bg:var(--cinza-900);
  --nav-ativo-texto:var(--cinza-0);
  --nav-ativo-icone:var(--acento-500);
  --nav-ativo-borda:transparent;
  --trilho-erro:inset 3px 0 0 var(--erro);
  --trilho-alerta:inset 3px 0 0 var(--alerta);
  --trilho-sinal:inset 3px 0 0 var(--sinal);
  --trilho-ok:inset 3px 0 0 var(--ok);
  --tabela-cabecalho-bg:var(--cinza-900);
  --tabela-cabecalho-texto:var(--cinza-400);
  --logo-fundo:linear-gradient(135deg, var(--cinza-900), var(--cinza-800));
  --logo-tinta:var(--cinza-0);
  --sidebar-largura:220px;
  --sidebar-largura-recolhida:56px;

  /* @grupo camada */
  --z-sticky:30;
  --z-overlay:50;
  --z-toast:100;
  --z-modal:200;
}