/* ─── Atomac: shop-only menu touches ──────────────────────────────────────────
   Loaded by the marketplace shop after chrome.css (the shared header/footer).
   The shop's theme map is already the site's dark palette
   (provision-atomac.ts); this only adds what the map cannot say: the menu page
   in the site's accents (yellow for the active chip and the add button, Anton
   uppercase category titles). */

/* Category chips: the active one yellow with dark lettering, the rest foam. */
button.rounded-full.bg-foreground.text-background {
  background: #f5c400;
  color: #121212;
}
button.rounded-full.text-muted-foreground {
  color: #f3efe6;
}
button.rounded-full.text-muted-foreground:hover {
  background: #232323;
  color: #f5c400;
}

/* Category titles as the site's headings: Anton, uppercase. */
h4.heading-h4 {
  color: #f3efe6;
  font-family: 'Anton', Impact, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* Product cards: hairline, yellow "+" and hover. */
button.group.rounded-2xl.bg-card {
  border-color: #2c2c2c;
}
button.group.rounded-2xl.bg-card:hover {
  border-color: rgba(245, 196, 0, 0.55);
  box-shadow: 0 16px 32px -24px rgba(0, 0, 0, 0.8);
}
button.group.rounded-2xl.bg-card span.size-7.rounded-full {
  background: #f5c400;
  border-color: #f5c400;
  color: #121212;
  box-shadow: none;
}