/* Page actions share one corner. Icon discs stay round.
   Header commands sit beside the search capsule, so they use its radius. */

:root {
  --btn-radius: 2px;
}

.app-shell :is(
  .btn-primary,
  .btn-secondary,
  .btn-ghost,
  .add-to-cart-btn,
  .product-card__add,
  .product-card__wish,
  .pdp-buy__now,
  .pdp-buy__cart,
  .pdp-buy__qty,
  .pdp-sticky-bar__now,
  .pdp-sticky-bar__cart,
  .pdp-sizes__chip,
  .pdp-tabs__tab,
  .shop-toolbar__sort-btn,
  .header-lang,
  .header-lang__btn,
  .header-currency__btn,
  .header-drawer__segment-btn,
  .header-locale-sheet__chip,
  .mobile-tabbar__btn,
  .account-side__link,
  .discount-code__apply,
  .discount-code__input,
  button.rounded-full
) {
  border-radius: var(--btn-radius);
}

.app-shell .header-action {
  border-radius: var(--radius-full);
}