/* Mundiê, tokens de interface. Gerado a partir do manual da marca. */
:root {
  --mundie-cor-branco: #FFFFFF;
  --mundie-cor-nuvem: #F4F6FB;
  --mundie-cor-linha: #DDE3EE;
  --mundie-cor-nevoa: #5A6A85;
  --mundie-cor-tinta: #0F1F3D;
  --mundie-cor-azul: #0B3C7D;
  --mundie-cor-azul-escuro: #082D5E;
  --mundie-cor-azul-claro: #E7EDF6;
  --mundie-cor-magenta: #E6007E;
  --mundie-cor-magenta-escuro: #C4006B;
  --mundie-cor-magenta-claro: #FDE6F2;
  --mundie-cor-laranja: #FF8A00;
  --mundie-cor-laranja-claro: #FFF1E0;
  --mundie-cor-amarelo: #FFC200;
  --mundie-cor-amarelo-claro: #FFF7DB;
  --mundie-cor-ceu: #00B6E6;
  --mundie-cor-ceu-claro: #E0F6FC;

  --mundie-fundo: var(--mundie-cor-branco);
  --mundie-superficie: var(--mundie-cor-nuvem);
  --mundie-borda: var(--mundie-cor-linha);
  --mundie-texto: var(--mundie-cor-tinta);
  --mundie-texto-suave: var(--mundie-cor-nevoa);
  --mundie-titulo: var(--mundie-cor-azul);
  --mundie-acao: var(--mundie-cor-magenta);
  --mundie-acao-hover: var(--mundie-cor-magenta-escuro);
  --mundie-acao-secundaria: var(--mundie-cor-azul);
  --mundie-foco: var(--mundie-cor-magenta);
  --mundie-sucesso: var(--mundie-cor-azul);
  --mundie-alerta: var(--mundie-cor-laranja);

  --mundie-espaco-1: 0.25rem;
  --mundie-espaco-2: 0.5rem;
  --mundie-espaco-3: 0.75rem;
  --mundie-espaco-4: 1rem;
  --mundie-espaco-6: 1.5rem;
  --mundie-espaco-8: 2rem;
  --mundie-espaco-12: 3rem;
  --mundie-espaco-16: 4rem;
  --mundie-espaco-24: 6rem;

  --mundie-raio-sm: 8px;
  --mundie-raio-md: 14px;
  --mundie-raio-lg: 22px;
  --mundie-raio-xl: 32px;
  --mundie-raio-pill: 999px;

  --mundie-sombra-cartao: 0 1px 2px rgb(15 31 61 / 0.06), 0 8px 24px rgb(15 31 61 / 0.08);
  --mundie-sombra-flutuante: 0 2px 4px rgb(15 31 61 / 0.08), 0 20px 48px rgb(15 31 61 / 0.14);

  --mundie-duracao-rapido: 160ms;
  --mundie-duracao-medio: 240ms;
  --mundie-duracao-lento: 400ms;
  --mundie-ease-orbita: cubic-bezier(0.5, 0, 0.2, 1);

  --mundie-fonte-titulo: "Rubik", system-ui, sans-serif;
  --mundie-fonte-texto: "DM Sans", system-ui, sans-serif;
  --mundie-tipo-display: 700 4rem/1 var(--mundie-fonte-titulo);
  --mundie-tipo-h1: 700 2.75rem/1.05 var(--mundie-fonte-titulo);
  --mundie-tipo-h2: 600 1.875rem/1.15 var(--mundie-fonte-titulo);
  --mundie-tipo-h3: 600 1.375rem/1.25 var(--mundie-fonte-titulo);
  --mundie-tipo-corpo-g: 400 1.1875rem/1.55 var(--mundie-fonte-texto);
  --mundie-tipo-corpo: 400 1rem/1.6 var(--mundie-fonte-texto);
  --mundie-tipo-legenda: 500 0.8125rem/1.45 var(--mundie-fonte-texto);
  --mundie-tipo-rotulo: 500 0.75rem/1.2 var(--mundie-fonte-titulo);
}