/* Mindhub Design System: tokens. Cole no :root do projeto. */
:root{
  --vermelho: #F83531;
  --preto: #000000;
  --preto-granulado: #0a0a0a;
  --branco: #ffffff;
  --cinza-sobre-preto: #999999;
  --cinza-sobre-branco: #666666;
  --sobre-vermelho: #ffffff;
  --sobre-vermelho-pequeno: #000000;
  /* fundo escuro (padrao): preto. Para fundo branco, troque para o bloco .tema-claro */
  --fundo: var(--preto);
  --texto: var(--branco);
  --texto-suave: var(--cinza-sobre-preto);
  --destaque: var(--vermelho);
  --fonte-display: "Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --fonte-sans: "General Sans","Albert Sans",system-ui,sans-serif;
  --fonte-hand: "Bryndan Write","Gochi Hand",cursive;
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;--space-6:120px;--margem-slide:80px;
  --radius-md:16px;--radius-pill:999px;
}
.tema-claro{--fundo:var(--branco);--texto:var(--preto);--texto-suave:var(--cinza-sobre-branco)}