/* Plataforma JET — generated from tokens.json */
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root, [data-theme="claro"] {
  --feltro-50: #f4f6f3;
  --feltro-100: #edf1ee;
  --feltro-200: #dce3de;
  --feltro-300: #7f8f86;
  --feltro-400: #a9b8af;
  --feltro-500: #5b6b62;
  --feltro-600: #1f6b4a;
  --feltro-650: #5e8a75;
  --feltro-700: #2e5443;
  --feltro-800: #1f4a37;
  --feltro-850: #183528;
  --feltro-900: #10241c;
  --feltro-950: #0b1f16;
  --tinta: #14231c;
  --giz-branco: #f2f1ea;
  --branco: #ffffff;
  --giz-100: #e3f1fb;
  --giz-200: #a8d8f7;
  --giz-300: #7cc4f2;
  --giz-600: #1d5f8c;
  --giz-700: #164a6e;
  --giz-800: #1b3d52;
  --giz-50: #cde8fa;
  --bola1-100: #fbefd3;
  --bola1-300: #f6cf7e;
  --bola1-400: #f2b84b;
  --bola1-500: #a86f00;
  --bola1-700: #6b4a00;
  --bola1-900: #4a3a16;
  --verde-100: #ddf0e4;
  --verde-300: #9fe0a6;
  --verde-700: #145232;
  --vermelho-100: #fbe0dc;
  --vermelho-300: #f5a898;
  --vermelho-400: #f28b78;
  --vermelho-600: #b42318;
  --vermelho-700: #8a1f12;
  --vermelho-900: #4a1e17;
  --vermelho-950: #1e0805;
  --fundo: var(--feltro-50);
  --superficie: var(--branco);
  --superficie-funda: var(--feltro-100);
  --linha: var(--feltro-200);
  --borda-campo: var(--feltro-300);
  --texto: var(--tinta);
  --texto-2: var(--feltro-500);
  --texto-desativado: var(--feltro-300);
  --desativado: var(--feltro-100);
  --acao: var(--giz-600);
  --acao-hover: var(--giz-700);
  --on-acao: var(--branco);
  --acao-suave: var(--giz-100);
  --link: var(--acao);
  --foco: var(--giz-600);
  --cabecalho: var(--tinta);
  --on-cabecalho: var(--giz-branco);
  --cabecalho-ativo: #24392f;
  --ok: var(--verde-700);
  --ok-suave: var(--verde-100);
  --atencao: var(--bola1-700);
  --atencao-ponto: var(--bola1-500);
  --atencao-suave: var(--bola1-100);
  --erro: var(--vermelho-700);
  --erro-suave: var(--vermelho-100);
  --info: var(--giz-700);
  --perigo: var(--vermelho-600);
  --on-perigo: var(--branco);
  --empresa-destaque: var(--feltro-600);
  --on-empresa-destaque: var(--branco);
  --sobreposicao: #0b1f16b3;
  --sombra-flutua: 0 4px 8px #14231c14, 0 12px 28px -2px #14231c29;
  --anel-foco: 0 0 0 2px #f4f6f3, 0 0 0 4px #1d5f8c;
}
[data-theme="escuro"] {
  --fundo: var(--feltro-900);
  --superficie: var(--feltro-850);
  --superficie-funda: var(--feltro-900);
  --linha: var(--feltro-700);
  --borda-campo: var(--feltro-650);
  --texto: var(--giz-branco);
  --texto-2: var(--feltro-400);
  --texto-desativado: #8a9a91;
  --desativado: #2a3a33;
  --acao: var(--giz-300);
  --acao-hover: var(--giz-200);
  --on-acao: var(--feltro-950);
  --acao-suave: var(--giz-800);
  --link: var(--acao);
  --foco: var(--giz-300);
  --cabecalho: var(--feltro-950);
  --on-cabecalho: var(--giz-branco);
  --cabecalho-ativo: var(--feltro-850);
  --ok: var(--verde-300);
  --ok-suave: var(--feltro-800);
  --atencao: var(--bola1-300);
  --atencao-ponto: var(--bola1-400);
  --atencao-suave: var(--bola1-900);
  --erro: var(--vermelho-300);
  --erro-suave: var(--vermelho-900);
  --info: var(--giz-50);
  --perigo: var(--vermelho-400);
  --on-perigo: var(--vermelho-950);
  --empresa-destaque: var(--feltro-600);
  --on-empresa-destaque: var(--branco);
  --sombra-flutua: 0 12px 28px -2px #000000cc;
  --anel-foco: 0 0 0 2px #10241c, 0 0 0 4px #7cc4f2;
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 20px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --espaco-12: 48px;
  --raio-1: 6px;
  --raio-2: 10px;
  --raio-3: 14px;
  --raio-4: 18px;
  --raio-pilula: 999px;
  --alvo-toque: 44px;
  --botao-mesa: 60px;
  --botao-painel: 44px;
  --largura-mesa: 480px;
  --largura-painel: 1200px;
  --font-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-texto: Barlow, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.contador { font-family: var(--font-titulo); font-size: 96px; line-height: 96px; font-weight: 700; }
.numero-mesa { font-family: var(--font-titulo); font-size: 56px; line-height: 56px; font-weight: 700; }
.titulo-1 { font-family: var(--font-titulo); font-size: 40px; line-height: 44px; font-weight: 700; }
.titulo-2 { font-family: var(--font-titulo); font-size: 28px; line-height: 32px; font-weight: 700; }
.marca { font-family: var(--font-titulo); font-size: 26px; line-height: 28px; font-weight: 700; letter-spacing: 0.02em; }
.titulo-3 { font-family: var(--font-texto); font-size: 20px; line-height: 28px; font-weight: 600; }
.botao-grande { font-family: var(--font-texto); font-size: 20px; line-height: 24px; font-weight: 700; }
.corpo-grande { font-family: var(--font-texto); font-size: 17px; line-height: 26px; font-weight: 400; }
.corpo { font-family: var(--font-texto); font-size: 15px; line-height: 22px; font-weight: 400; }
.rotulo { font-family: var(--font-texto); font-size: 15px; line-height: 20px; font-weight: 600; }
.legenda { font-family: var(--font-texto); font-size: 13px; line-height: 18px; font-weight: 400; }
.sobretitulo { font-family: var(--font-texto); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.codigo { font-family: var(--font-mono); font-size: 13px; line-height: 19px; font-weight: 400; }