/* =========================================================
   BACKGROUND.CSS

   Zentrale Hintergrundgestaltung der Website.
   Zuständig ausschließlich für den Seitenhintergrund.

   Alle Farben werden aus der zentralen Farbdatei
   "farben.css" bezogen (CSS-Variablen).
   ========================================================= */

/* =========================================================
   BASIS-STIL (Standard-Hintergrund)
   ========================================================= */

body {
  min-height: 100vh;
  margin: 0;

  /* Standard: heller, neutraler Hintergrund */
  background: radial-gradient(
    circle at center,
    var(--color-azure) 60%,
    var(--color-lightblue) 60.1%
  );
}

/* =========================================================
   THEMES – jeweiliger Hintergrund für die Seitenbereiche
   ========================================================= */

/* Haupt-Theme (neutral, professionell) */
body.theme-main {
  background: radial-gradient(
    circle at center,
    var(--color-azure) 60%,
    var(--color-lightblue) 60.1%
  );
}

/* Körper / Gesundheit (warme, erdige Hauttöne) */
body.theme-koerper {
  background: radial-gradient(
    circle at center,
    var(--color-peachpuff) 60%,
    var(--color-moccasin) 60.1%
  );
}

/* Sexualität (zartes Rosa – dezent und einfühlsam) */
body.theme-sex {
  background: radial-gradient(
    circle at center,
    var(--color-lightpink) 60%,
    var(--color-pink) 60.1%
  );
}

/* Prostitution (gedämpftes Violett / Lavendel) */
body.theme-prostitution {
  background: radial-gradient(
    circle at center,
    var(--color-lavender) 60%,
    var(--color-thistle) 60.1%
  );
}

/* Sextourismus (warme Sand‑ und Orangetöne) */
body.theme-sextourismus {
  background: radial-gradient(
    circle at center,
    var(--color-wheat) 60%,
    var(--color-khaki) 60.1%
  );
}

/* Gewalt (gedämpftes Grau – zurückhaltend und ernst) */
body.theme-gewalt {
  background: radial-gradient(
    circle at center,
    var(--color-lightgray) 60%,
    var(--color-silver) 60.1%
  );
}

/* Liebe (zart, sanft – Hellkoralle zu Hellrosa) */
body.theme-liebe {
  background: radial-gradient(
    circle at center,
    var(--color-lightcoral) 60%,
    var(--color-lightpink) 60.1%
  );
}

/* =========================================================
   HINWEIS: Weitere Themes können später durch Ergänzen
   weiterer Klassen hinzugefügt werden – dabei immer auf
   die Variablen aus "farben.css" zurückgreifen.
   ========================================================= */