/* =====================================================================
   Weitere Designs. Jedes Design überschreibt nur Farben (Variablen) und
   das Titelbild. Neue Design-Idee? Block kopieren, Farben ändern,
   Bild in img/ legen, Namen in theme.js ergänzen – fertig.
   ===================================================================== */

/* Frühling: zartes Rosé und frisches Salbeigrün */
html[data-theme="fruehling"]{
  --bg:#f8f7ef; --bg2:#edf0e2; --card:#fffefa; --card2:#f1f3e6; --line:#dde2cc;
  --accent:#b2565c; --accent-d:#9d474d; --accent-soft:#f7e3e4;
  --sage:#98ae8a; --sage-d:#5d7850; --honey:#cdb35f; --honey-t:#7a671f;
  --dark:#39463a; --nav-bg:rgba(248,247,239,.94);
  --hero-img:url("img/hero-fruehling.jpg");
}
/* Sommer: sonniges Bernstein und mildes Himmelblau */
html[data-theme="sommer"]{
  --bg:#fbf8ee; --bg2:#f6edd5; --card:#fffefa; --card2:#f8f0dc; --line:#e8dcb9;
  --accent:#a16829; --accent-d:#855622; --accent-soft:#f9e6c9;
  --sage:#8fb0bb; --sage-d:#486f7d; --honey:#d3a649; --honey-t:#86621a;
  --dark:#3a4a52; --nav-bg:rgba(251,248,238,.94);
  --hero-img:url("img/hero-sommer.jpg");
}
/* Herbst: Rost, Olivgrün und Kürbis */
html[data-theme="herbst"]{
  --bg:#f8f0e3; --bg2:#eedfc8; --card:#fffaf1; --card2:#f3e6d1; --line:#e1ceae;
  --accent:#af5d2e; --accent-d:#8c4420; --accent-soft:#f1d8c3;
  --sage:#a09a62; --sage-d:#686230; --honey:#c68c2c; --honey-t:#8a5e12;
  --dark:#43302a; --nav-bg:rgba(248,240,227,.94);
  --hero-img:url("img/hero-herbst.jpg");
}
/* Ostern: zarter Flieder, Buttergelb und Minzgrün */
html[data-theme="ostern"]{
  --bg:#fcfaed; --bg2:#f1edf5; --card:#fffefa; --card2:#f6f2f8; --line:#e0d8e8;
  --accent:#8568aa; --accent-d:#725d92; --accent-soft:#ece5f4;
  --sage:#96c2ab; --sage-d:#497e67; --honey:#dfc060; --honey-t:#7d6616;
  --dark:#403a55; --nav-bg:rgba(252,250,237,.94);
  --hero-img:url("img/hero-ostern.jpg");
}
/* Sommer-Herbst-Winter siehe oben bzw. unten */
/* Winter: kühles Eisblau und Schiefergrau, ruhig und klar (ohne Weihnachtsschmuck) */
html[data-theme="winter"]{
  --bg:#f3f5f6; --bg2:#e7ecef; --card:#fbfcfc; --card2:#edf1f3; --line:#d3dce1;
  --ink:#3b4650; --head:#2a343c; --muted:#63707a;
  --accent:#5b798d; --accent-d:#456275; --accent-soft:#dde8ee;
  --sage:#8fa3a8; --sage-d:#4f6a70; --honey:#b9a176; --honey-t:#7a6330;
  --dark:#2e3a42; --nav-bg:rgba(243,245,246,.94); --shadow:0 14px 34px -18px rgba(42,52,60,.45);
  --hero-img:url("img/hero-winter.jpg");
}
/* Weihnachten: Beerenrot, Tannengrün und mattes Gold */
html[data-theme="weihnachten"]{
  --bg:#f6f2ec; --bg2:#ece6dd; --card:#fffdf9; --card2:#f1ebe2; --line:#ddd3c5;
  --accent:#a2493f; --accent-d:#7c332c; --accent-soft:#f1dbd7;
  --sage:#7f9486; --sage-d:#435f4e; --honey:#b99a58; --honey-t:#7b6221;
  --dark:#2f3a36; --nav-bg:rgba(246,242,236,.94);
  --hero-img:url("img/hero-weihnachten.jpg");
}

/* kleine Zeichen neben den Zwischenüberschriften je Design (statt der Linien) */
html[data-theme="fruehling"] .center .eyebrow::before,html[data-theme="fruehling"] .center .eyebrow::after,
html[data-theme="sommer"] .center .eyebrow::before,html[data-theme="sommer"] .center .eyebrow::after,
html[data-theme="herbst"] .center .eyebrow::before,html[data-theme="herbst"] .center .eyebrow::after,
html[data-theme="winter"] .center .eyebrow::before,html[data-theme="winter"] .center .eyebrow::after,
html[data-theme="ostern"] .center .eyebrow::before,html[data-theme="ostern"] .center .eyebrow::after,
html[data-theme="weihnachten"] .center .eyebrow::before,html[data-theme="weihnachten"] .center .eyebrow::after{
  width:auto;height:auto;background:none;font-size:.9rem;letter-spacing:0}
html[data-theme="fruehling"] .center .eyebrow::before,html[data-theme="fruehling"] .center .eyebrow::after{content:"✿"}
html[data-theme="sommer"] .center .eyebrow::before,html[data-theme="sommer"] .center .eyebrow::after{content:"✺"}
html[data-theme="herbst"] .center .eyebrow::before,html[data-theme="herbst"] .center .eyebrow::after{content:"❦"}
html[data-theme="winter"] .center .eyebrow::before,html[data-theme="winter"] .center .eyebrow::after{content:"✶"}
html[data-theme="ostern"] .center .eyebrow::before,html[data-theme="ostern"] .center .eyebrow::after{content:"❀"}
html[data-theme="weihnachten"] .center .eyebrow::before,html[data-theme="weihnachten"] .center .eyebrow::after{content:"✦"}
/* Kontakt-Bereich: Überschrift-Zeichen im dunklen Abschnitt hell halten */
html[data-theme] .contact .center .eyebrow::before,html[data-theme] .contact .center .eyebrow::after{color:#e8c98a}

/* Abendsalon: dunkel, Gold – edel, aber ohne bunte Farben */
html[data-theme="salon"]{
  --bg:#231f19; --bg2:#2a251d; --card:#322c23; --card2:#3a3328;
  --ink:#eadfcf; --head:#f3e6c8; --muted:#bfb09b; --line:rgba(201,164,92,.38);
  --accent:#c9a45c; --accent-d:#e6cd8f; --accent-soft:rgba(201,164,92,.2); --on-accent:#2a2112;
  --sage:#8aa093; --sage-d:#a9c0b2; --honey:#c9a45c; --honey-t:#dcb96e;
  --dark:#17140f; --dark-ink:#eadfcf; --dark-muted:#bfb09b; --dark-line:rgba(201,164,92,.3);
  --ok-bg:#2f3b2f; --ok-ink:#b9d6b0; --few-bg:#47391f; --few-ink:#f0cf86; --full-bg:#4a2a26; --full-ink:#f0a99a;
  --nav-bg:rgba(35,31,25,.95); --shadow:0 16px 40px -20px rgba(0,0,0,.8);
  --hero-img:url("img/hero-salon.jpg");
  --serif:"Didot","Bodoni 72","Playfair Display","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --corner:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='none' stroke='%23c9a45c' stroke-linecap='round'><path d='M4 60V18C4 9 9 4 18 4H60' stroke-width='2'/><path d='M11 52V22C11 16 16 11 22 11H52' stroke-width='1' opacity='.6'/><path d='M26 18C34 18 36 28 29 29C24 30 22 24 26 23M18 26C18 34 28 36 29 29' stroke-width='1.3'/></g></svg>");
}
html[data-theme="salon"] input,html[data-theme="salon"] select,html[data-theme="salon"] textarea{background:#1c1914;color:var(--ink);border-color:var(--line)}
html[data-theme="salon"] option{background:#1c1914;color:var(--ink)}
html[data-theme="salon"] .btn.dark{background:#4b5b52;border-color:#4b5b52}
html[data-theme="salon"] .btn.ghost{color:var(--accent-d)}
html[data-theme="salon"] .menu a.cta,html[data-theme="salon"] .btn.gold{color:#2a2112}
html[data-theme="salon"] .step .num,html[data-theme="salon"] .rtab.on,html[data-theme="salon"] .day.sel{color:#2a2112!important}
html[data-theme="salon"] .rtab.on small{color:#3b2e14}
html[data-theme="salon"] .day.sel small{color:#3b2e14!important}
html[data-theme="salon"] .day.past{color:#6f6659}
html[data-theme="salon"] .ticket .seal{background:#c9a45c;color:#2a2112}
html[data-theme="salon"] .stepper button,html[data-theme="salon"] .cal-head button{background:var(--card2);color:var(--head)}
html[data-theme="salon"] h1,html[data-theme="salon"] h2{letter-spacing:.02em}
html[data-theme="salon"] .fact,html[data-theme="salon"] .panel,html[data-theme="salon"] .menu-card .in,html[data-theme="salon"] .booker,html[data-theme="salon"] .feat div{
  background-image:var(--corner),var(--corner),var(--corner),var(--corner);
  background-repeat:no-repeat;background-size:34px 34px;
  background-position:top 6px left 6px,top 6px right 6px,bottom 6px left 6px,bottom 6px right 6px}
html[data-theme="salon"] .fact{background-color:var(--card)}
html[data-theme="salon"] .panel,html[data-theme="salon"] .feat div,html[data-theme="salon"] .menu-card .in,html[data-theme="salon"] .booker{background-color:var(--card)}
html[data-theme="salon"] .fact,html[data-theme="salon"] .panel,html[data-theme="salon"] .feat div{padding:34px 30px}
html[data-theme="salon"] .menu-card{border:3px double var(--accent)}
html[data-theme="salon"] .msg.ok{background:#2c3b2e;color:#c7e4c0}
html[data-theme="salon"] .msg.err{background:#4a2824;color:#f6c4b8}
html[data-theme="salon"] footer{background:#100e0a}