/* Cardápio: cores (tokens) e base da página. */
/* Cardápio público — mesma identidade visual da landing (Poppins, fundo claro, cards brancos) */
.m-body {
  --brand: #e63946;
  --brand-dark: color-mix(in srgb, var(--brand) 82%, #000);
  --brand-soft: color-mix(in srgb, var(--brand) 9%, #fff);
  --brand-glow: color-mix(in srgb, var(--brand) 28%, transparent);
  --ink: #3b4252;
  --ink-strong: #1b2130;
  --txt2: #6a7180;
  --line: #eceef1;
  --line2: #dfe2e7;
  --ok: #2a9d8f;
  --ok-soft: rgba(42,157,143,.12);
  --bg: #f7f8fa; --surface: #fff; --soft: #f7f8fa; --soft-2: #f1f3f6; --overlay-btn: rgba(255,255,255,.95);
  --disabled-bg: #e4e7ec; --disabled-tx: #9aa1ad;
  --shadow-sm: 0 2px 8px rgba(27,33,48,.04);
  --shadow: 0 6px 20px rgba(27,33,48,.06);
  --shadow-lg: 0 16px 36px rgba(27,33,48,.09);
  color-scheme: light;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--bg); color: var(--ink); margin: 0;
  -webkit-font-smoothing: antialiased;
}
.m-body button { font-family: inherit; }
.m-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 1024px) { .m-wrap { padding: 0 32px; } }
.m-screen { display: none; }
.m-screen.active { display: block; }
/* Rodapé sempre no fim da página: com pouco conteúdo ele desce até a base da tela */
#screen-list.active { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
#screen-list > :not(.m-cartbar) { width: 100%; }
#screen-list > .m-content { flex: 1 0 auto; }
.m-body :focus-visible { outline: 3px solid color-mix(in srgb, var(--brand) 55%, #1d4ed8); outline-offset: 2px; }