/* Shared, lightweight flowers. Backgrounds cannot intercept taps or cover artwork. */
:root {
  --pastel-flowers: url('../images/decor/pastel-flowers-v2.svg');
  --flower-pattern-size: 1440px 1020px;
}

body {
  background-image: radial-gradient(rgba(93,69,34,.055) .7px, transparent .7px), var(--pastel-flowers);
  background-size: 6px 6px, var(--flower-pattern-size);
  background-position: left top;
  background-repeat: repeat;
}

#paintings.section,
#sculptures.section,
.site-footer {
  background-image: var(--pastel-flowers);
  background-size: var(--flower-pattern-size);
  background-position: left top;
  background-repeat: repeat;
}

#sculptures.section {
  background-color: var(--violet-whisper);
}

.section-full[style] {
  /* The existing shared stylesheet sets this section's background !important. */
  background-image: var(--pastel-flowers) !important;
  background-size: var(--flower-pattern-size) !important;
  background-position: left top !important;
  background-repeat: repeat !important;
}

.page-header {
  background-image: var(--pastel-flowers), linear-gradient(135deg, #f9e4d1, #fff8e9 65%, #d9eee4);
  background-size: var(--flower-pattern-size), auto;
  background-position: left top, center;
  background-repeat: repeat, no-repeat;
}

@media (max-width: 768px) {
  :root { --flower-pattern-size: 720px 510px; }
}