/* Power Commerce radii, shadows, motion */
:root {
  --radius-pill: 999px;   /* buttons, chips */
  --radius-card: 20px;    /* cards, media */
  --radius-input: 12px;
  --radius-tile: 8px;

  --shadow-card: 0 1px 2px rgba(24,24,27,0.05), 0 12px 32px rgba(24,24,27,0.08);
  --shadow-pop: 0 24px 64px rgba(24,24,27,0.18);

  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-fast: 150ms;
  --dur: 250ms;
}