/* DraftApps geometry alignment — square by default, pills only when semantic. */
:root {
  --draft-radius-structural: 0px;
  --draft-radius-compact: 2px;
}

header.hero,
.card,
#themeToggle.pill,
input[type="number"],
select,
.btn,
.btn-buy,
.pill,
details.slim,
.tablewrap,
.toast,
.footer-inner {
  border-radius: var(--draft-radius-structural) !important;
}

/* Drink/food chips are actual filters/selectors, so the capsule shape remains
   intentional just like the filter controls on DraftApps.it. */
.chip {
  border-radius: 999px !important;
}

/* The inner theme switch remains a switch, not a generic rounded control. */
.toggle {
  border-radius: 999px !important;
}
.toggle .knob {
  border-radius: 50% !important;
}