/* BASE do redesign (2026-10): tokens fixos, tipografia e reset.
   - Cardápio do cliente: usa as variáveis do TEMA do restaurante (--fundo, --destaque...),
     aplicadas no <body> por src/temas.ts. Os valores abaixo são só o "plano B".
   - Painel do dono: usa a paleta FIXA abaixo (--p-...), independente do tema.
   Origem dos valores: design_handoff_cardapio_redesign/README.md. */

:root {
  /* Fontes */
  --fonte-titulo: 'Bricolage Grotesque', system-ui, sans-serif;
  --fonte-texto: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Painel: neutros */
  --p-fundo: #f5f1ec;
  --p-superficie: #ffffff;
  --p-texto: #1f1a16;
  --p-texto-2: #3d3530;
  --p-suave: #6b625a;
  --p-meta: #8a7f75;
  --p-desabilitado: #a3978b;
  --p-borda: #ebe3d9;
  --p-borda-input: #e3d9ce;
  --p-divisor: #f0e9e1;
  --p-tracejado: #ddd2c6;
  --p-lista: #f8f4ef;
  --p-hover: #fbf8f5;
  --p-chip: #f4eee8;
  --p-escuro: #1f1a16;

  /* Painel: destaque */
  --p-destaque: #c63d1c;
  --p-destaque-forte: #9e2f14;
  --p-destaque-suave: #f6ebe5;
  --p-destaque-borda: #e6c9bd;
  --p-foco: 0 0 0 3px #f6dcd2;

  /* Status do pedido (fundo / texto) */
  --st-novo-f: #fdecc8; --st-novo-t: #8a5300;
  --st-aceito-f: #dde8f8; --st-aceito-t: #1d4b8f;
  --st-saiu-f: #ece3f7; --st-saiu-t: #5b2e91;
  --st-concluido-f: #e3f1e8; --st-concluido-t: #1f6b40;
  --st-cancelado-f: #eeeae6; --st-cancelado-t: #6b625a;

  /* Outros */
  --verde: #2f9a5c; --verde-texto: #1f6b40; --verde-fundo: #e3f1e8;
  --switch-off: #d9d0c6;
  --perigo: #b3361a; --perigo-forte: #8f2a12; --perigo-borda: #e9b8aa; --perigo-borda-suave: #f0d4cc; --perigo-fundo: #fdf8f6;
  --ambar-fundo: #fdf3e1; --ambar-texto: #8a5300;

  /* Raios */
  --r-pilula: 999px; --r-card: 18px; --r-bloco: 14px; --r-botao: 12px; --r-pequeno: 10px;
}

*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--fonte-texto);
  -webkit-font-smoothing: antialiased;
}
input, select, textarea, button { font-family: inherit; }
h1, h2, h3 { font-family: var(--fonte-titulo); letter-spacing: -0.01em; }
img { max-width: 100%; }
[x-cloak], [hidden] { display: none !important; }
/* Texto só para leitores de tela (acessibilidade), invisível na tela. */
.so-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }