/* =============================================================================
MINDHUB — base de design do grupo
=============================================================================
O QUE É ISTO
Uma folha só, compartilhada por todos os sistemas do grupo (Marketing, CRM,
Monitor, Portal). Ela define o VOCABULÁRIO — cor, tipografia, espaço, raio,
sombra — e os componentes que toda tela usa: botão, campo, cartão, tabela,
pastilha, modal, cabeçalho de página.
POR QUE ELA EXISTE
Até 14/09/2026 cada sistema tinha o seu CSS escrito do zero, e cada tela
inventava o seu: o Marketing era escuro com Segoe UI e meia dúzia de
variáveis, o CRM era claro com Syne/DM Sans e um conjunto próprio, e
telas novas nasciam com classes inventadas que ninguém mais usava (foi o
que aconteceu com a tela de Metas em 10/09). O resultado é o que o Eduardo
descreveu em 14/09: "parece que eu acabei de criar o CSS".
COMO USAR NUMA TELA NOVA
{% load static %}
e depois use as classes `mh-*` abaixo. Nada de `