/* ============================================================
   Fortify Ecom — Elevation
   Exactly ONE drop-shadow exists, and it belongs to product
   photography resting on a surface — never to cards, buttons,
   or text. UI hierarchy comes from surface-color change and
   backdrop-blur on sticky bars, not shadow.
   ============================================================ */

:root {
  /* the only true shadow in the system */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* soft hairline "ring" (behaves like a border, not a drop) */
  --ring-soft: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --ring-pearl: 0 0 0 3px var(--color-divider-soft);

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

  /* system-wide press micro-interaction */
  --press-scale: scale(0.95); /* @kind other */
}