:root{
  /* Signature soft gradient washes — used for hero panels, feature tiles and
     product-screenshot backdrops. Always low-saturation, never full-bleed purple. */
  --gradient-hero:linear-gradient(160deg,#eaf6f0 0%,#d7f0e6 38%,#c8f2ea 68%,#e9f6ff 100%); /* @kind other */
  --gradient-mint:linear-gradient(150deg,#e9f7f1 0%,#c8f2ea 100%); /* @kind other */
  --gradient-lime:linear-gradient(150deg,#f2fbdd 0%,#d5f77e 100%); /* @kind other */
  --gradient-aqua:linear-gradient(150deg,#d9f3ff 0%,#8fe4d8 100%); /* @kind other */
  --gradient-deep:linear-gradient(155deg,#0f7b54 0%,#063526 100%); /* @kind other */
  --gradient-ink:linear-gradient(155deg,#10201b 0%,#0a1310 100%); /* @kind other */
  --gradient-brand-glow:radial-gradient(120% 100% at 50% 0%,rgba(32,179,164,.28) 0%,rgba(20,147,101,0) 62%); /* @kind other */
  --gradient-fade-bottom:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--white) 82%); /* @kind other */
  --gradient-sheen:linear-gradient(120deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 42%); /* @kind other */

  --blur-glass:saturate(140%) blur(18px); /* @kind other */
  --blur-scrim:blur(40px); /* @kind other */

  /* Grid/texture overlay for section backdrops */
  --pattern-grid:linear-gradient(rgba(20,147,101,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,147,101,.07) 1px,transparent 1px); /* @kind other */
  --pattern-grid-size:32px 32px; /* @kind other */
}