/* =====================================================
   Tweak overrides — driven by body[data-mood] / [data-energy] / [data-chaos]
   ===================================================== */

/* ---------- MOOD: Dämmerung (twilight) ---------- */
body[data-mood="dusk"] {
  --green:        #f4a26b;   /* peach as accent */
  --green-dark:   #c97a4a;
  --green-deep:   #8a4a28;
  --green-light:  #f6d4be;
  --green-soft:   #efd9c6;
  --green-mist:   #f7ebde;
  --black:        #1a1230;
  --ink:          #261a3d;
  --gray:         #6b5f80;
  --gray-light:   #cfc7dc;
  --white:        #fbf6ee;
}
body[data-mood="dusk"] .nav { background: #efb98a; }
body[data-mood="dusk"] .marquee { background: #2a1d4a; }
body[data-mood="dusk"] .marquee-item,
body[data-mood="dusk"] .marquee-dot { color: #f4a26b; }
body[data-mood="dusk"] .hero { background: #1a1230; }
body[data-mood="dusk"] .compare { background: #f7ebde; }
body[data-mood="dusk"] .pv { background: #f6d4be; }
body[data-mood="dusk"] .climate { background: #efd9c6; }
body[data-mood="dusk"] .glasfaser { background: #efd9c6; }
body[data-mood="dusk"] .closing { background: #f6d4be; }
body[data-mood="dusk"] .stickers-section {
  background:
    linear-gradient(180deg,
      rgba(247, 235, 222, 0.96) 0%,
      rgba(247, 235, 222, 0.55) 45%,
      rgba(247, 235, 222, 0.55) 75%,
      rgba(247, 235, 222, 0.98) 100%),
    url('img/sommerfest.jpg') center/cover no-repeat fixed;
}
body[data-mood="dusk"] .hero-bg { filter: hue-rotate(-40deg) saturate(0.7) brightness(0.6); }

/* ---------- MOOD: Risograph (bold print) ---------- */
body[data-mood="riso"] {
  --green:        #ff3d7f;   /* hot pink primary */
  --green-dark:   #d11458;
  --green-deep:   #8a0a3a;
  --green-light:  #ffd6e6;
  --green-soft:   #fff0d6;
  --green-mist:   #fffaef;
  --black:        #1a1a1a;
  --ink:          #1a1a1a;
  --white:        #fdf6e3;
}
body[data-mood="riso"] .nav { background: #ffe14a; }   /* lemon */
body[data-mood="riso"] .marquee { background: #ff3d7f; }
body[data-mood="riso"] .marquee-item { color: #ffe14a; }
body[data-mood="riso"] .marquee-dot { color: #1a1a1a; }
body[data-mood="riso"] .hero { background: #ffe14a; color: #1a1a1a; }
body[data-mood="riso"] .hero-sub { color: rgba(26,26,26,0.78); }
body[data-mood="riso"] .hero-bg { mix-blend-mode: multiply; opacity: 0.55; filter: contrast(1.4) saturate(0); }
body[data-mood="riso"] .compare { background: #fff0d6; }
body[data-mood="riso"] .pv { background: #ffd6e6; }
body[data-mood="riso"] .climate { background: #fff0d6; }
body[data-mood="riso"] .glasfaser { background: #ffd6e6; }
body[data-mood="riso"] .closing { background: #ffe14a; }
body[data-mood="riso"] .stickers-section {
  background:
    linear-gradient(180deg,
      rgba(255, 250, 239, 0.96) 0%,
      rgba(255, 250, 239, 0.5) 45%,
      rgba(255, 240, 214, 0.55) 75%,
      rgba(255, 250, 239, 0.98) 100%),
    url('img/sommerfest.jpg') center/cover no-repeat fixed;
  filter: contrast(1.05);
}
body[data-mood="riso"] .section-title { font-style: italic; }

/* ---------- ENERGY: scales motion + parallax + rotations ---------- */
:root {
  --energy-mult: 1;        /* 0.4 calm · 1 lively · 1.7 wild */
  --energy-rot:  1;        /* multiplies sticker rotations */
  --marquee-time: 40s;
  --kenburns-time: 18s;
  --float-amp: 12px;
}
body[data-energy="calm"]  { --energy-mult: 0.45; --energy-rot: 0.25; --marquee-time: 80s; --kenburns-time: 36s; --float-amp: 4px; }
body[data-energy="wild"]  { --energy-mult: 1.8;  --energy-rot: 1.7;  --marquee-time: 18s; --kenburns-time: 9s;  --float-amp: 22px; }

.marquee-track { animation-duration: var(--marquee-time) !important; }
.hero-bg       { animation-duration: var(--kenburns-time) !important; }

/* Override sticker float amplitude */
@keyframes float-tweaked {
  0%, 100% { transform: rotate(calc(var(--r, 0deg) * var(--energy-rot))) translateY(0); }
  50%      { transform: rotate(calc(var(--r, 0deg) * var(--energy-rot))) translateY(calc(var(--float-amp) * -1)); }
}
.sticker--float {
  animation:
    stickerPop 0.8s var(--ease-bounce) forwards,
    float-tweaked calc(6s / var(--energy-mult)) ease-in-out infinite !important;
}
.sticker--float,
.sticker { transform: rotate(calc(var(--r, 0deg) * var(--energy-rot))); }

/* Calm: hide cursor trail, dim parallax */
body[data-energy="calm"] .cursor-trail { display: none !important; }
body[data-energy="wild"] .cursor-trail .dot { width: 22px; height: 22px; }

/* Story stickers respect rotation multiplier */
.story-sticker .story-sticker-tag {
  transform: rotate(calc(var(--rot, 0deg) * var(--energy-rot)));
}

/* ---------- CHAOS: extra stickers + rotation amount ---------- */
.tweak-extra-sticker { display: none; }
body[data-chaos="max"] .tweak-extra-sticker { display: inline-block; }
body[data-chaos="tidy"] {
  --energy-rot: 0;   /* wins over energy when tidy */
}
body[data-chaos="tidy"] .sticker--float:nth-of-type(n+3) { display: none; }  /* fewer hero stickers */
body[data-chaos="tidy"] .story-sticker {
  position: static !important;
  width: 100% !important;
  margin-bottom: 16px;
}
body[data-chaos="tidy"] .sticker-board {
  min-height: auto !important;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0 var(--gutter);
}
@media (max-width: 900px) {
  body[data-chaos="tidy"] .sticker-board { grid-template-columns: 1fr; }
}
body[data-chaos="tidy"] .marquee { padding: 14px 0; }
body[data-chaos="tidy"] .marquee-item { font-size: clamp(20px, 2.4vw, 30px); }

body[data-chaos="max"] .story-sticker { transform: scale(1.05); }
body[data-chaos="max"] .hero-stickers { filter: drop-shadow(0 30px 80px rgba(0,0,0,0.4)); }