/* ===================================================================
   HOA GARDEN — themes.css — 10 Designs (Farbwelten aus dem Logo abgeleitet)
=================================================================== */

/* 1. Jade Eleganz — Standard: Tiefgrün & Gold, wie das Logo */
:root, html[data-design="jade-elegance"]{
  --bg:#f7f5ef; --bg2:#eaf0e6; --surface:#ffffff; --surface-2:#f1f4ec;
  --text:#1d2b1c; --text-soft:#5c6a57; --accent:#1f6d43; --accent-2:#c9a45c;
  --border:#e1e6d8; --radius:18px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 2. Zen Dezent — sandig, sehr ruhig, kaum Farbe */
html[data-design="zen-dezent"]{
  --bg:#f7f5f0; --bg2:#efece3; --surface:#fffdf9; --surface-2:#f2efe6;
  --text:#3a382f; --text-soft:#8a8578; --accent:#948164; --accent-2:#b8a27c;
  --border:#e6e1d3; --radius:10px; --font-head:"Cormorant Garamond",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 3. Innerer Frieden — zartes Lotus-Rosa/Weiß, meditativ */
html[data-design="innerer-frieden"]{
  --bg:#fbf4f4; --bg2:#f6e9ec; --surface:#ffffff; --surface-2:#fbeef0;
  --text:#3c2b30; --text-soft:#8d7076; --accent:#c1697f; --accent-2:#e3b7c3;
  --border:#f0dde1; --radius:26px; --font-head:"Cormorant Garamond",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 4. Friedliche Nacht — dunkles Marineblau/Gold, Sternenhimmel */
html[data-design="friedliche-nacht"]{
  --bg:#0f1a2b; --bg2:#152238; --surface:#16243a; --surface-2:#1c2e48;
  --text:#eef1f7; --text-soft:#a7b3c9; --accent:#e7c069; --accent-2:#7ea0c9;
  --border:#25395a; --radius:18px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
  --header-bg:rgba(15,26,43,.85); --shadow:0 10px 30px rgba(0,0,0,.4);
}
/* 5. Fluss & Bach — fließendes Blaugrün */
html[data-design="fluss-bach"]{
  --bg:#f1f8f6; --bg2:#e0f0ec; --surface:#ffffff; --surface-2:#e9f4f1;
  --text:#173733; --text-soft:#5c8079; --accent:#1c8a7e; --accent-2:#7fc4b8;
  --border:#d6ece7; --radius:22px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 6. Ozean — tiefes Blau, weite Ruhe */
html[data-design="ozean"]{
  --bg:#eef4f8; --bg2:#dcebf3; --surface:#ffffff; --surface-2:#e6f0f6;
  --text:#0f2c3f; --text-soft:#547287; --accent:#0e5f83; --accent-2:#4fa3c4;
  --border:#d3e6ef; --radius:16px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 7. Kirschblüte Fein — feines Pastellrosa mit filigranen Linien */
html[data-design="kirschbluete-fein"]{
  --bg:#fff6f7; --bg2:#ffe9ec; --surface:#ffffff; --surface-2:#fff0f2;
  --text:#3d2a2c; --text-soft:#9a7b7e; --accent:#d8748f; --accent-2:#f3b8c4;
  --border:#f6dde1; --radius:30px; --font-head:"Cormorant Garamond",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 8. Goldener Himmel — warmes Sonnenuntergangs-Gold/Orange */
html[data-design="goldener-himmel"]{
  --bg:#fdf6ec; --bg2:#fbe9cf; --surface:#fffdf8; --surface-2:#fbeeda;
  --text:#3a2a14; --text-soft:#8a6d45; --accent:#c8792f; --accent-2:#e7b65a;
  --border:#f1ddb9; --radius:16px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 9. Bambus Garten — frisches, natürliches Grün */
html[data-design="bambus-garten"]{
  --bg:#f5f9f0; --bg2:#e7f1dc; --surface:#ffffff; --surface-2:#eef5e6;
  --text:#233a1c; --text-soft:#69805c; --accent:#4c8c3a; --accent-2:#9ec97e;
  --border:#dcebcf; --radius:14px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}
/* 10. Asiatisch Imperial — tiefes Rot & Gold, feierlich */
html[data-design="asiatisch-imperial"]{
  --bg:#fbf1ef; --bg2:#f6dcd7; --surface:#fffaf8; --surface-2:#f9e6e2;
  --text:#341412; --text-soft:#8a5a54; --accent:#9c2b2b; --accent-2:#d8a13a;
  --border:#f0d3cd; --radius:12px; --font-head:"Playfair Display",Georgia,serif; --font-body:"Inter",sans-serif;
}

/* subtle background texture per design (very light, inline SVG-free using gradients) */
html[data-design="jade-elegance"] body{background-image:radial-gradient(circle at 15% 10%, rgba(31,109,67,.06), transparent 40%), radial-gradient(circle at 90% 85%, rgba(201,164,92,.08), transparent 45%);}
html[data-design="zen-dezent"] body{background-image:none;}
html[data-design="innerer-frieden"] body{background-image:radial-gradient(circle at 85% 15%, rgba(193,105,127,.09), transparent 45%);}
html[data-design="friedliche-nacht"] body{background-image:radial-gradient(circle at 20% 20%, rgba(231,192,105,.08), transparent 40%), radial-gradient(circle at 80% 80%, rgba(126,160,201,.1), transparent 45%);}
html[data-design="fluss-bach"] body{background-image:linear-gradient(180deg, rgba(28,138,126,.05), transparent 30%);}
html[data-design="ozean"] body{background-image:radial-gradient(circle at 80% 0%, rgba(79,163,196,.12), transparent 40%);}
html[data-design="kirschbluete-fein"] body{background-image:radial-gradient(circle at 10% 90%, rgba(216,116,143,.08), transparent 40%);}
html[data-design="goldener-himmel"] body{background-image:linear-gradient(160deg, rgba(231,182,90,.12), transparent 40%);}
html[data-design="bambus-garten"] body{background-image:repeating-linear-gradient(90deg, rgba(76,140,58,.03) 0 2px, transparent 2px 40px);}
html[data-design="asiatisch-imperial"] body{background-image:radial-gradient(circle at 90% 10%, rgba(216,161,58,.12), transparent 40%);}