/* ============================================
   bg-atmosphere.css
   Geteilter Hintergrund für alle Tony's-Coaching-Seiten.

   Jede Seite setzt --atm-color als RGB-Triplet im :root:
     :root { --atm-color: 215, 255, 72; }   // neon yellow (default)
     :root { --atm-color: 249, 115, 22; }   // orange (fettverlust)
     :root { --atm-color: 222, 239, 11; }   // forza yellow

   Erzeugt zwei dezente radiale Lichter (oben rechts + unten links)
   plus eine sehr subtile horizontale Linien-Textur.
   Die Akzentfarbe der Seite bleibt unverändert — nur der Hintergrund-
   Schimmer übernimmt die jeweilige Page-Farbe.
   ============================================ */

:root {
  --atm-color: 215, 255, 72; /* fallback */
}

body { position: relative; }

/* Lichter */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(ellipse 50% 60% at 90% 10%,
      rgba(var(--atm-color), 0.07), transparent 60%),
    radial-gradient(ellipse 60% 50% at 10% 90%,
      rgba(var(--atm-color), 0.035), transparent 60%);
}

/* Linien-Textur (kaum sichtbar) */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.022;
  background-image: repeating-linear-gradient(
    0deg, #ffffff 0 1px, transparent 1px 3px
  );
}