/* Black Pro — generated from tokens.json */
@font-face { font-family: "Lato"; src: url("/wp-content/uploads/kodety/assets/unnamed-file.css/fonts/Lato-Light-2bcc211c05fc.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("/wp-content/uploads/kodety/assets/unnamed-file.css/fonts/Lato-Regular-122dd68d69fe.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("/wp-content/uploads/kodety/assets/unnamed-file.css/fonts/Lato-Italic-5d22f337a040.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Lato"; src: url("/wp-content/uploads/kodety/assets/unnamed-file.css/fonts/Lato-Bold-24b516c266d7.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
:root, [data-theme="dark"] {
  --carvao: #1a1c1c; --neutro-950: #090b0b; --creme: #f4f3ee; --lima: #e0fbac; --petroleo: #00708f; --ciano: #24c7d6;
  --neutro-50: #fafafa; --neutro-100: #f4f5f5; --neutro-200: #e5e6e6; --neutro-300: #d5d7d7; --neutro-400: #a3a8a8;
  --neutro-500: #737878; --neutro-600: #545959; --neutro-700: #404545; --neutro-800: #282929; --neutro-900: #1a1c1c;
  --ciano-50: #eefdfd; --ciano-100: #d3f9fa; --ciano-200: #acf1f5; --ciano-300: #73e5ed; --ciano-400: var(--ciano); --ciano-500: #17b2c3;
  --ciano-600: #168fa4; --ciano-700: #1d5e6d; --ciano-800: #1d5e6d; --ciano-900: #1d4e5c; --ciano-950: #0d333f;
  --erro: #fb2c36; --alerta: #f0b100; --sucesso: #00c950; --preco-riscado: var(--erro);
  --vidro: rgba(163,168,168,0.12); --vidro-ativo: rgba(163,168,168,0.36); --vidro-hover: rgba(163,168,168,0.2); --vidro-base: rgba(26,28,28,0.3); --vidro-forte: rgba(26,28,28,0.5); --vidro-suave: rgba(163,168,168,0.08); --poco: rgba(9,11,11,0.4);
  --borda-vidro: rgba(213,215,215,0.13); --borda-vidro-foco: rgba(213,215,215,0.24); --brilho-topo: rgba(250,250,250,0.08);
  --chip-topo: rgba(250,250,250,0.085); --chip-base: rgba(250,250,250,0.04); --chip-ativo-topo: rgba(250,250,250,0.16); --chip-ativo-base: rgba(250,250,250,0.08);
  --botao-topo: var(--carvao); --botao-base: var(--neutro-950); --painel-topo: var(--ciano-950); --painel-meio: var(--carvao); --painel-base: var(--neutro-950);
  --borda-lima: rgba(224,251,172,0.25); --borda-fina: rgba(213,215,215,0.16); --tinta-lima: rgba(224,251,172,0.04); --tinta-lima-forte: rgba(224,251,172,0.07);
  --on-lima: var(--neutro-950); --foco: var(--lima);
  --shadow-vidro: inset 0 0 0 1px rgba(250,250,250,0.03), inset 1.8px 3px 0 -2px rgba(250,250,250,0.27), inset -2px -2px 0 -2px rgba(250,250,250,0.24), inset -3px -8px 1px -6px rgba(250,250,250,0.18), inset -0.3px -1px 4px 0 rgba(9,11,11,0.24), inset -1.5px 2.5px 0 -2px rgba(9,11,11,0.4), inset 0 3px 4px -2px rgba(9,11,11,0.4), inset 2px -6.5px 1px -4px rgba(9,11,11,0.2), 0 1px 5px 0 rgba(9,11,11,0.2), 0 6px 16px 0 rgba(9,11,11,0.16);
  --shadow-vidro-ativo: inset 0 0 0 1px rgba(250,250,250,0.03), inset 2px 1px 0 -1px rgba(250,250,250,0.27), inset -1.5px -1px 0 -1px rgba(250,250,250,0.24), inset -2px -6px 1px -5px rgba(250,250,250,0.18), inset -1px 2px 3px -1px rgba(9,11,11,0.4), inset 0 -4px 1px -2px rgba(9,11,11,0.2), 0 3px 6px 0 rgba(9,11,11,0.16);
  --shadow-vidro-foco: inset 0 0 0 1px rgba(250,250,250,0.12), inset 1.8px 3px 0 -2px rgba(250,250,250,0.35), inset -2px -2px 0 -2px rgba(250,250,250,0.3), inset -3px -8px 1px -6px rgba(250,250,250,0.22), inset -1.5px 2.5px 0 -2px rgba(9,11,11,0.4), inset 0 3px 4px -2px rgba(9,11,11,0.4), 0 0 0 4px rgba(224,251,172,0.12), 0 6px 16px 0 rgba(9,11,11,0.16);
  --shadow-poco: inset 1px 1px 9px 0 rgba(9,11,11,0.44), inset 0 0 0 1px rgba(250,250,250,0.06);
  --shadow-chip: inset 0 0 0 1px rgba(250,250,250,0.06); --shadow-chip-ativo: inset 0 0 0 1px rgba(250,250,250,0.2);
  --shadow-glow-lima: inset 0 1px 0 rgba(250,250,250,0.55), 0 4px 16px rgba(224,251,172,0.38);
  --shadow-glow-lima-pulso: inset 0 1px 0 rgba(250,250,250,0.55), 0 4px 26px rgba(224,251,172,0.38), 0 0 0 6px rgba(250,250,250,0.04);
  --shadow-menu: inset 0 0 0 1px rgba(250,250,250,0.1), 0 18px 50px rgba(9,11,11,0.55);
  --shadow-cta: inset 0 0 0 1px rgba(224,251,172,0.16), 0 10px 30px rgba(9,11,11,0.45);
  --shadow-cta-hover: inset 0 0 0 1px rgba(224,251,172,0.75), inset 0 -16px 26px -8px rgba(224,251,172,0.5), inset 0 10px 22px -12px rgba(224,251,172,0.25), 0 0 28px rgba(224,251,172,0.22), 0 10px 30px rgba(9,11,11,0.45);
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 28px; --space-7: 36px; --space-8: 48px; --space-9: 80px; --space-10: 120px;
  --radius-xs: 3px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-chip: 10px; --radius-xl: 16px; --radius-2xl: 26px; --radius-pill: 33px; --radius-full: 999px;
  --blur-vidro: 8px; --saturacao-vidro: 150%;
  --font-display: "Utile Display", Lato, "Helvetica Neue", Arial, sans-serif;
  --font-body: Lato, "Helvetica Neue", Arial, sans-serif;
}
/* curvas de movimento (plano 002) */
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}