/* ===== Lingrow · Elevation & gradients =========================
   Three shadow levels + a green glow for hero CTAs.
   Three brand gradients, all travelling through green → cyan.
================================================================= */
:root {
  /* --- Shadows (light UI) --- */
  --shadow-card:  0 1px 2px rgba(14,21,18,0.04), 0 6px 18px rgba(14,21,18,0.06);   /* subtle card lift */
  --shadow-lift:  0 8px 28px rgba(14,21,18,0.10);                                   /* hover / raised */
  --shadow-modal: 0 24px 60px rgba(11,15,25,0.28);                                  /* deep sheet / modal */

  /* --- Glow (CTA hover, dark surfaces) --- */
  --glow-mint:  0 0 0 1px rgba(188,242,179,0.5), 0 8px 30px rgba(188,242,179,0.35);
  --glow-brand: 0 8px 24px rgba(11,110,79,0.35);

  /* --- Gradients (green → cyan spectrum) --- */
  --grad-hero:    linear-gradient(120deg, #084C37 0%, #0B6E4F 42%, #06D6A0 100%); /* @kind color */
  --grad-mint:    linear-gradient(135deg, #BCF2B3 0%, #72EFDD 100%); /* @kind color */
  --grad-aurora:  radial-gradient(120% 120% at 15% 10%, #06D6A0 0%, #0B6E4F 45%, #0B0F19 100%); /* @kind color */
}