:root {
  /* Shadows are warm-pink tinted, never neutral grey, and always soft --
     the reference photography is lit with diffuse boutique light. */
  --shadow-0: none;
  --shadow-1: 0 1px 2px rgba(137, 60, 71, 0.06);
  --shadow-2: 0 2px 8px rgba(137, 60, 71, 0.07), 0 1px 2px rgba(137, 60, 71, 0.05);
  --shadow-3: 0 8px 24px rgba(137, 60, 71, 0.10), 0 2px 6px rgba(137, 60, 71, 0.05);
  --shadow-4: 0 18px 48px rgba(137, 60, 71, 0.14), 0 4px 12px rgba(137, 60, 71, 0.06);
  --shadow-5: 0 32px 80px rgba(137, 60, 71, 0.20);
  --shadow-inset-soft: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --shadow-inset-well: inset 0 1px 3px rgba(137, 60, 71, 0.10);

  /* the lit-cabinet glow used behind product niches in retail renders */
  --glow-cabinet: 0 0 0 1px rgba(201, 162, 78, 0.35), inset 0 12px 40px rgba(228, 190, 195, 0.55);
  --glow-focus: 0 0 0 3px rgba(180, 107, 122, 0.28);

  /* bottom protection gradient for text over photography */
  --scrim-bottom: linear-gradient(to top, rgba(26, 20, 22, 0.62) 0%, rgba(26, 20, 22, 0.28) 38%, rgba(26, 20, 22, 0) 78%); /* @kind color */
  --scrim-top: linear-gradient(to bottom, rgba(26, 20, 22, 0.46) 0%, rgba(26, 20, 22, 0) 70%); /* @kind color */
}