/* Design tokens. Defaults mirror the seed venue; VenueRuntime.injectDesign()
   overrides them at runtime from venue.design.chosen. */
:root {
  --bg: #FAF7F0;
  --surface: #FFFFFF;
  --ink: #1F2A24;
  --muted: #5C6B62;
  --brand: #206A4E;
  --brand-ink: #FFFFFF;
  --accent: #D9A441;
  --radius: 10px;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;

  /* POS-scoped derived grounds: the POS/dashboard UI is a dark-theme surface, structurally
     independent of the light site theme. Rather than mapping vendor dark-navy literals onto
     --bg (near-white) or --surface (white), which would invert the POS into unreadable soup,
     we derive a small dark-ground ramp FROM the brand token via color-mix. This keeps the POS
     legible with the seed venue's palette (green-tinted dark grounds) and recolors correctly when
     a venue's brand color changes, without touching --bg/--surface's light-theme meaning. */
  --pos-ground: color-mix(in srgb, var(--brand) 32%, #05100c 68%);
  --pos-ground-2: color-mix(in srgb, var(--brand) 22%, #05100c 78%);
  --pos-ground-ink: #FFFFFF;
}
.sample-badge {
  display: inline-block; padding: 0.1em 0.5em; margin-left: 0.4em;
  font-size: 0.7em; letter-spacing: 0.05em; text-transform: uppercase;
  background: var(--accent); color: var(--ink); border-radius: var(--radius);
}