/* Mesh plates. Prefer the supplied PNG plates (assets/backgrounds/*.png) for
   large surfaces; these CSS approximations exist for arbitrary sizes. */
:root{
--gradient-primary-blue:radial-gradient(120% 90% at 18% 8%,var(--mh-grad-blue-1) 0%,transparent 55%),radial-gradient(110% 80% at 90% 88%,var(--mh-grad-blue-3) 0%,transparent 60%),linear-gradient(160deg,#cfeaf6 0%,var(--mh-grad-blue-2) 48%,#9dc0a8 100%);
--gradient-primary-dark-teal:radial-gradient(90% 60% at 12% 78%,var(--mh-grad-teal-3) 0%,transparent 62%),linear-gradient(180deg,var(--mh-grad-teal-1) 0%,var(--mh-grad-teal-2) 58%,var(--mh-grad-teal-3) 100%);
--gradient-green:radial-gradient(90% 70% at 78% 12%,var(--mh-grad-green-1) 0%,transparent 60%),linear-gradient(200deg,#9bab68 0%,var(--mh-grad-green-2) 45%,var(--mh-grad-green-3) 100%);
--gradient-light-green:radial-gradient(100% 70% at 20% 6%,#daecee 0%,transparent 60%),linear-gradient(170deg,#c2dde5 0%,#89b5cb 46%,#8ab598 100%); /* @kind other */
--gradient-orange:radial-gradient(110% 80% at 88% 92%,var(--mh-grad-orange-3) 0%,transparent 58%),linear-gradient(155deg,var(--mh-grad-orange-1) 0%,var(--mh-grad-orange-2) 52%,#d7b173 100%);
--gradient-brown:linear-gradient(165deg,var(--mh-grad-brown-1) 0%,var(--mh-grad-brown-2) 52%,var(--mh-grad-brown-3) 100%);
--gradient-purple:radial-gradient(80% 60% at 8% 92%,var(--mh-grad-purple-3) 0%,transparent 55%),linear-gradient(150deg,var(--mh-grad-purple-2) 0%,var(--mh-grad-purple-1) 60%,#764d87 100%);
--grain-overlay:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E"); /* @kind other */
}