/* Legacy aliases retain exactly their six original owners. */
#mfa-storefront,
body.mfa-native-cart-view,
body.mfa-native-checkout-view,
#mfa-service-page,
#mfa-order-received,
#mfa-order-pay {
  --paper: #f8f6f1;
  --ink: #173f34;
  --text: #273d34;
  --muted: #657066;
  --line: #dedfd7;
}

/* Namespaced visual tokens only; no native state, visibility or gateway reset. */
#mfa-storefront,
body.mfa-native-cart-view,
body.mfa-native-checkout-view,
#mfa-service-page,
#mfa-order-received,
#mfa-order-pay,
body:has(#mfa-storefront),
body.mfa-production-service-view,
body.mfa-order-received-view,
body.mfa-order-pay-view {
  --mfa-color-paper: #f8f6f1;
  --mfa-color-ink: #173f34;
  --mfa-color-text: #273d34;
  --mfa-color-muted: #657066;
  --mfa-font-ui: Arial, "Helvetica Neue", sans-serif;
  --mfa-font-service: Arial, Helvetica, sans-serif;
  --mfa-color-focus: #386858;
  --mfa-color-hover: #2b5546;
  --mfa-color-accent: #477b5f;
  --mfa-color-card: #efeee7;
  --mfa-color-field-border: #bfc6ba;
  --mfa-color-notice: #edf1eb;
  --mfa-color-error-bg: #f6eee8;
  --mfa-color-error-border: #d6b5a8;
  --mfa-color-error-text: #873e2c;
  --mfa-color-disabled-bg: #e7e9e1;
  --mfa-color-disabled-text: #697268;
  --mfa-shell-gutter: clamp(24px, 4.5vw, 80px);
}