:root {
  --color-cream: #f7f1e6;
  --color-paper: #fffdf8;
  --color-sand: #eadfcb;
  --color-sand-light: #f3d9b1;
  --color-mint: #f0fdf4;
  --color-white: #ffffff;
  --color-ink: #1d2b2a;
  --color-ink-soft: #4a5553;
  --color-teal: #134e4a;
  --color-teal-mid: #1b6b62;
  --color-teal-deep: #0c3431;
  --color-red: #b3261e;
  --color-line: #d9ccb4;
}

.l-section {
  background: var(--color-cream);
}
.l-section.l-about-why,
.l-section.l-care-process {
  background: var(--color-paper);
}
.l-section.l-hero {
  background-color: var(--color-cream);
  background-image:
    radial-gradient(circle at 88% 12%, rgba(179, 38, 30, 0.10) 0, rgba(179, 38, 30, 0) 260px),
    radial-gradient(circle at 8% 92%, rgba(19, 78, 74, 0.12) 0, rgba(19, 78, 74, 0) 340px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Ccircle cx='4' cy='4' r='1.4' fill='%23134e4a' fill-opacity='0.10'/%3E%3C/svg%3E");
  background-size: auto, auto, 48px 48px;
}
.l-section.l-services-mix {
  background: var(--color-mint);
}
.l-section.l-care-benefits {
  background-color: var(--color-teal-deep);
  background-image:
    linear-gradient(150deg, rgba(27, 107, 98, 0.55) 0, rgba(12, 52, 49, 0) 60%),
    radial-gradient(circle at 85% 80%, rgba(243, 217, 177, 0.16) 0, rgba(243, 217, 177, 0) 320px);
  color: var(--color-paper);
}
.l-section.l-contact-band {
  background-color: var(--color-sand);
  background-image: repeating-linear-gradient(135deg, rgba(19, 78, 74, 0.05) 0, rgba(19, 78, 74, 0.05) 2px, transparent 2px, transparent 18px);
}