/* ============================================================
   ELEVATION & MOTION
   The system has exactly ONE drop-shadow, and it belongs to product
   photography resting on a surface — never to cards, buttons, or text.
   UI depth comes from surface-color change and backdrop-blur instead.
   ============================================================ */
:root {
  /* the single shadow in the entire system */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* frosted-glass sticky surfaces (sub-nav, floating buy bar) */
  --blur-frosted: saturate(180%) blur(20px); /* @kind other */
  --frosted-fill: rgba(245, 245, 247, 0.8); /* parchment @ 80% */

  /* motion — the system-wide press micro-interaction */
  --press-scale: scale(0.95); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
}