/* === Online Update Stm Tools - Background: soft lavender + faint pink shapes ===
   One fixed SVG layer (no extra request, no animation) = very fast.
   Loaded on every page via css/bg-shapes.css. */

body {
  position: relative;
  background-color: #f5f5fa !important; /* soft lavender */
  overflow-x: hidden;
  min-height: 100vh;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23e9a9a0'%3E%3Crect x='-300' y='170' width='620' height='620' rx='70' transform='rotate(45 10 480)' fill-opacity='.10'/%3E%3Crect x='860' y='420' width='520' height='520' rx='64' transform='rotate(45 1120 680)' fill-opacity='.08'/%3E%3Crect x='360' y='-330' width='520' height='520' rx='64' transform='rotate(45 620 -70)' fill-opacity='.07'/%3E%3Ccircle cx='1400' cy='170' r='150' fill-opacity='.09'/%3E%3Ccircle cx='1440' cy='560' r='200' fill-opacity='.10'/%3E%3Ccircle cx='760' cy='540' r='95' fill-opacity='.08'/%3E%3Ccircle cx='40' cy='800' r='150' fill-opacity='.10'/%3E%3Ccircle cx='1180' cy='880' r='90' fill-opacity='.08'/%3E%3C/g%3E%3C/svg%3E");
}

/* Dark theme: keep the dark page colour, show the shapes more softly */
:root[data-theme="dark"] body {
  background-color: var(--color-bg) !important;
}
:root[data-theme="dark"] body::before {
  opacity: .55;
}

@media print {
  body::before { display: none; }
}