/* ===========================================================================
   ELEVATION — Il Mondo delle Erbe
   Soft, warm-tinted shadows (deep-green undertone, never pure black) — the
   diffuse light of natural materials. Low and layered.
   =========================================================================== */

:root {
  --shadow-xs:    0 1px 2px rgba(43,42,36,0.06);
  --shadow-sm:    0 1px 3px rgba(43,42,36,0.08), 0 1px 2px rgba(43,42,36,0.05);
  --shadow-md:    0 4px 12px -2px rgba(0,43,36,0.10), 0 2px 6px -3px rgba(0,43,36,0.08);
  --shadow-lg:    0 12px 28px -6px rgba(0,43,36,0.14), 0 6px 12px -8px rgba(0,43,36,0.10);
  --shadow-xl:    0 24px 48px -12px rgba(0,43,36,0.20), 0 10px 20px -12px rgba(0,43,36,0.12);
  --shadow-inner: inset 0 1px 2px rgba(43,42,36,0.08);

  /* Focus ring (also in colors.css as --ring) */
  --shadow-focus: 0 0 0 3px rgba(31,104,87,0.32);

  /* Warm lift used on cards over cream */
  --shadow-card:  0 2px 4px -1px rgba(0,43,36,0.06), 0 8px 20px -8px rgba(0,43,36,0.12);
}