/* ============================================================
   ELEVATION — exactly ONE drop-shadow in the whole system.
   It belongs to product photography, never to UI chrome.
   UI depth comes from surface-color change + backdrop blur.
   ============================================================ */
:root {
  /* The only shadow. Product renders resting on a surface. */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* Not a shadow — a 1px hairline "ring" on cards / sub-nav */
  --ring-hairline: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --ring-soft: 0 0 0 3px var(--divider-soft);

  /* Frosted-glass recipe for sticky bars / sub-nav */
  --backdrop-frosted: saturate(180%) blur(20px); /* @kind other */

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