/* Elevation — Smart Vyapaar Design System
   Exactly ONE drop-shadow exists, and it belongs to product photography only.
   UI elevation comes from surface-color change and backdrop-blur — never
   shadows on cards, buttons, or text. */

:root {
  /* The single shadow. Reserve for product renders resting on a surface. */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* Soft hairline "ring" used in place of borders on ghost buttons. */
  --ring-soft: 0 0 0 1px rgba(0, 0, 0, 0.04);
  --border-card: 1px solid var(--color-hairline);

  /* Frosted glass — sub-nav & floating sticky bar. */
  --glass-blur: saturate(180%) blur(20px); /* @kind other */
  --glass-fill-light: rgba(245, 245, 247, 0.8);
  --glass-fill-dark:  rgba(29, 29, 31, 0.72);

  /* System-wide press micro-interaction. */
  --press-scale: scale(0.95); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
}