/* Elevation — the app uses offset, low-opacity shadows, never a glow. */
:root{
  --elev-card: 2px 4px 8px 0 rgba(0,0,0,0.06);      /* benefit card at rest */
  --elev-card-raised: 2px 4px 14px 0 rgba(0,0,0,0.12); /* card lifted into the payment sheet */
  --elev-tabbar: 0 -1px 6px 0 rgba(0,0,0,0.08);     /* bottom tab bar, upward */
  --elev-sheet: 0 2px 8px 0 rgba(0,0,0,0.15);       /* dialogs / toasts */
  --outline-strong: inset 0 0 0 2px rgba(0,0,0,0.87); /* @kind shadow */ /* card CTA outline */
  --outline-control: inset 0 0 0 1px rgb(33,33,33); /* @kind shadow */   /* outlined button */
}