/* Clube Multi — tokens e reset */
:root {
  color-scheme: light;

  /* Identidade Multivendas: verde da logo + laranja de oferta */
  --verde-multi: #014127;       /* primária: header, botões, aba ativa, links (branco por cima: 11,7:1) */
  --verde-multi-hover: #0A5C3A; /* hover/pressed dos elementos verdes */
  --verde-claro: #E6F0EA;       /* faixas de aviso e selos positivos */
  --destaque-oferta: #E8792B;   /* selos de desconto e chip Ofertas, sempre com texto --texto (6,5:1) */
  --destaque-oferta-texto: #A84F15; /* preço promocional escrito (o laranja puro dá só 2,9:1 no branco) */
  --destaque-claro: #FDF0E6;    /* avisos de atenção (pedido mínimo, em andamento) */
  --destaque-texto: #8A4110;    /* texto sobre --destaque-claro (6,6:1) */
  --erro: #D93025;
  --erro-escuro: #A52714;       /* texto de erro sobre --erro-claro (6,2:1) */
  --erro-claro: #FCE8E6;

  --fundo: #F5F5F5;
  --card: #FFFFFF;
  --cinza-multi: #D7D7D7;       /* bordas, divisores, contorno de chips */
  --texto: #111111;
  --texto-2: #6B6B6B;           /* secundário e preço riscado (4,9:1 no fundo) */
  --foco: var(--verde-multi);   /* anel de foco em fundo claro; branco nas áreas verdes */

  --raio-s: 8px;
  --raio-m: 14px;
  --raio-l: 22px;
  --sombra-1: 0 1px 2px rgb(17 17 17 / .06), 0 2px 8px rgb(17 17 17 / .06);
  --sombra-2: 0 8px 30px rgb(17 17 17 / .18);

  --fonte: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --largura-max: 1120px;
  --gutter: 16px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--fonte);
  font-size: 15px;
  line-height: 1.45;
  color: var(--texto);
  background: var(--fundo);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, p { margin: 0; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }

button, input, select {
  font: inherit;
  color: inherit;
}

button { cursor: pointer; }

:focus-visible {
  outline: 3px solid var(--foco);
  outline-offset: 2px;
}
.topo, .barra, .barra-ent, .hero, .status-pedido, .legal__topo { --foco: #fff; }
.status-pedido--encerrado { --foco: var(--verde-multi); }

::selection { background: var(--verde-claro); color: var(--verde-multi); }
input, textarea { caret-color: var(--verde-multi); }

[hidden] { display: none !important; }

.visualmente-oculto {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}