/* ── HP elevation — mostly flat. Depth via color contrast, not shadow.
   Soft Lift is the catalog workhorse (product cards, pricing tiers). */
:root {
  --elev-0: none;
  --elev-1-border: 1px solid var(--color-hairline); /* hairline outline, no shadow */
  --elev-2: 0 2px 8px rgba(26, 26, 26, 0.08);       /* Soft Lift — cards, tiers */
  --elev-3: 0 8px 24px rgba(26, 26, 26, 0.12);      /* Floating modal — transient */

  --shadow-card: var(--elev-2);
  --shadow-modal: var(--elev-3);
}