/* Architectural canvas: coloured light, fine planning lines, readable open space. */
body, body.landing-page {
  --nd-muted: #344951;
  --muted: #344951;
  background-color: #e7eeec;
  background-image:
    radial-gradient(ellipse at 0% 22%, #52a0b75c, transparent 48%),
    radial-gradient(ellipse at 100% 76%, #546f7852, transparent 48%),
    radial-gradient(ellipse at 76% 0%, #f7f4eada, transparent 55%),
    linear-gradient(#546f780c 1px, transparent 1px),
    linear-gradient(90deg, #546f780c 1px, transparent 1px),
    linear-gradient(#546f7810 1px, transparent 1px),
    linear-gradient(90deg, #546f7810 1px, transparent 1px),
    linear-gradient(135deg, #eef2ed, #d5e5e8 58%, #eaece3);
  background-size: auto, auto, auto, 88px 88px, 88px 88px, 440px 440px, 440px 440px, auto;
  background-attachment: fixed;
}
@media (max-width: 760px) {
  body, body.landing-page {
    background-size: auto, auto, auto,
      64px 64px, 64px 64px, 320px 320px, 320px 320px, auto;
  }
}
/* These layers form one opaque background; they need no transparency or motion. */
@media (forced-colors: active) {
  body, body.landing-page { background: Canvas; color: CanvasText; }
}