/* ============================================================================================
Hub interno da Muito Food — camada de tema sobre o Basecoat.
O QUE É O BASECOAT. `basecoat.min.css`, ao lado deste arquivo, é o **Basecoat 1.0.2** (MIT):
os componentes do shadcn/ui portados para HTML puro — sem React, sem build, sem Node. Botão,
campo, cartão, tabela, diálogo e combobox vêm prontos e acessíveis. Ele é **vendorizado**: o
arquivo mora no repo em vez de vir de CDN, para o painel não depender de rede de terceiros e
para a atualização ser um ato nosso, datado. **Atualizar = baixar a versão nova e conferir as
nove telas** — não existe gerenciador de pacotes aqui.
origem: https://cdn.jsdelivr.net/npm/basecoat-css@1.0.2/dist/basecoat.cdn.min.css
⚠️ **Há uma segunda cópia** em `capacidades/diagnostico-onboarding/web/assets/`, porque aquele
app tem deploy próprio e precisa rodar igual em local e em produção. As duas andam juntas: ao
trocar de versão, trocar nas duas. Dívida declarada, não esquecida.
O QUE ESTE ARQUIVO FAZ. Só duas coisas: troca os tokens do shadcn pela tinta da MF, e monta o
andaime das páginas (barra, palco, seção, linha de campo). Não redesenha componente nenhum —
é por isso que ele cabe em ~200 linhas.
A ESCALA NEUTRA DO SHADCN FICA INTACTA, e isso é decisão, não preguiça: borda `#E5E5E5` e
cartão branco puro são o que faz a tela ter contraste e parecer nítida. Uma tentativa anterior
amorneceu borda e fundo ao mesmo tempo e apagou a sombra do cartão junto — a tela ficou macia e
sem foco. Só o **fundo da página** desvia, e só porque a padronagem precisa de chão.
A MARCA ENTRA EM QUATRO PONTOS, E NADA ALÉM:
1. `--foreground` / `--primary` = navy #0E1420. Lê como preto, mas é o nosso.
2. `--ring` = laranja #FF4B12 — a única cor da interface, e ela só acende no foco.
3. `--background` = #F6F5F2 + a padronagem a 4% (calibrada com o Caio em 30/08).
4. Space Grotesk **uma vez por tela**, no título; logo na barra. O resto é Inter.
RÓTULO É FRASE, NÃO ETIQUETA. Nada de mono caixa-alta em rótulo de campo — ele soma ruído em
cada linha, e este painel é aberto muitas vezes por dia. Mono fica para **dado de máquina**:
id, contagem, data, token.
============================================================================================ */
:root{
/* ---- escala neutra do shadcn, intacta ---- */
--card:#FFFFFF;
--popover:#FFFFFF;
--secondary:#F1EFEA;
--muted:#F1EFEA;
--accent:#F1EFEA;
--muted-foreground:#737780;
--border:#E5E5E5;
--input:#E5E5E5;
--destructive:#B3261E;
--radius:.625rem;
/* ---- o único desvio da escala: o fundo, para a padronagem ter chão ---- */
--background:#F6F5F2;
/* Zona só-leitura precisa ficar ABAIXO do fundo da página, senão some contra ele. */
--mf-travado:#EAE7E0;
/* ---- a tinta é nossa ---- */
--foreground:#0E1420;
--card-foreground:#0E1420;
--popover-foreground:#0E1420;
--primary:#0E1420;
--primary-foreground:#FAFAFA;
--secondary-foreground:#0E1420;
--accent-foreground:#0E1420;
--ring:#FF4B12;
--font-sans:'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
--font-mono:'JetBrains Mono',Consolas,monospace;
--mf-display:'Space Grotesk',sans-serif;
--mf-textura:.04; /* calibrado com o Caio em 30/08, olhando o comparativo; `0` desliga */
}
body{position:relative;min-height:100vh;background:var(--background)}
body::before{
content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
background:url('textura-grade.png') 0 0 / 280px repeat;
opacity:var(--mf-textura);mix-blend-mode:multiply;
}
/* DUAS ARMADILHAS DO BASECOAT, pagas com defeito em produção (30/08):
1. `.card > section` e `.card > footer` são seletores de FILHO DIRETO. Pôr um `