/* ============================================================
   AYURVIKA — ELEVATION & DEPTH
   Soft, green-tinted shadows (never neutral grey). Layered depth is
   core to the brand: cards lift gently, hero media floats.
   ============================================================ */
:root {
  /* tinted ambient shadows */
  --shadow-xs:  0 1px 2px rgba(12,61,36,0.06);
  --shadow-sm:  0 2px 8px rgba(12,61,36,0.07), 0 1px 2px rgba(12,61,36,0.05);
  --shadow-md:  0 10px 28px -8px rgba(12,61,36,0.16), 0 2px 8px rgba(12,61,36,0.06);
  --shadow-lg:  0 24px 60px -16px rgba(12,61,36,0.22), 0 6px 16px rgba(12,61,36,0.08);
  --shadow-xl:  0 40px 90px -24px rgba(7,41,26,0.30), 0 10px 28px rgba(12,61,36,0.10);

  /* gold-tinted glow for premium / certification moments */
  --glow-gold:  0 0 0 1px rgba(214,169,63,0.35), 0 16px 40px -12px rgba(192,144,42,0.35);
  --glow-green: 0 0 0 1px rgba(126,217,87,0.40), 0 16px 44px -12px rgba(47,165,60,0.35);

  /* inset / ring */
  --ring-focus: 0 0 0 3px rgba(47,165,60,0.30);
  --ring-gold:  0 0 0 3px rgba(214,169,63,0.30);

  /* protection gradient for text over imagery */
  --scrim-bottom: linear-gradient(to top, rgba(7,41,26,0.78) 0%, rgba(7,41,26,0.35) 45%, rgba(7,41,26,0) 100%); /* @kind other */
}