/* Style-Pakete JAZZ(GOLD) / HELL / HEAVEN / DARK (Fund 04.11.2026). Gleiche Mechanik wie styles.css:
   <html data-style="...">, dunkel erzwungen, nur Systemschriften (CSP font-src 'self').
   Gemeinsame Bauteil-Regeln, Unterschiede ueber Variablen:
   --st-font Fliesstext, --st-head Ueberschriften/Logo, --st-radius / --st-radius-s Ecken, --st-case Gross/Klein,
   --st-card Kartenflaeche, --st-edge Rahmen, --st-glow Schatten, --st-btn Primaerknopf, --st-bg Hintergrund. */
html[data-style="jazz"]{
  color-scheme:dark;
  --page:#0a1022;--surface:rgba(16,26,54,.86);--text:#f7ecd2;--muted:#b9ab8c;--accent:#e2a72e;--accent2:#f4d57f;
  --globe-top:#16295a;--globe-bottom:#060b1c;--globe-land:#1f3470;--globe-border:#e2a72e;--globe-glow:#f4d57f;
  --st-font:"Gill Sans","Gill Sans MT","Candara","Trebuchet MS",ui-sans-serif,sans-serif;
  --st-head:"Copperplate","Copperplate Gothic Light","Gill Sans","Trebuchet MS",sans-serif;
  --st-radius:1.4rem;--st-radius-s:.9rem;--st-case:uppercase;--st-track:.16em;
  --st-card:linear-gradient(160deg,rgba(26,42,88,.92),rgba(10,16,38,.9));
  --st-edge:inset 0 0 0 1.5px #e2a72e;
  --st-glow:0 10px 30px rgba(226,167,46,.12);
  --st-btn:linear-gradient(135deg,#f4d57f,#c78a12);--st-btn-text:#1a1204;
  --st-bg:radial-gradient(ellipse at 50% -5%,rgba(226,167,46,.22) 0,transparent 32rem),radial-gradient(circle at 90% 20%,rgba(60,90,200,.25) 0,transparent 26rem),#0a1022;
}

html[data-style="jazz"] body,html[data-style="dark"] body,html[data-style="hell"] body,html[data-style="heaven"] body{background:var(--st-bg);color:var(--text)}
html[data-style="jazz"] body,html[data-style="dark"] body,html[data-style="jazz"] button,html[data-style="dark"] button,html[data-style="jazz"] input,html[data-style="dark"] input,html[data-style="jazz"] select,html[data-style="dark"] select,html[data-style="hell"] body,html[data-style="heaven"] body,html[data-style="hell"] button,html[data-style="heaven"] button,html[data-style="hell"] input,html[data-style="heaven"] input,html[data-style="hell"] select,html[data-style="heaven"] select{font-family:var(--st-font);letter-spacing:var(--st-track)}
html[data-style="jazz"] h1,html[data-style="dark"] h1,html[data-style="jazz"] h2,html[data-style="dark"] h2,html[data-style="jazz"] h3,html[data-style="dark"] h3,html[data-style="jazz"] .home-welcome,html[data-style="dark"] .home-welcome,html[data-style="jazz"] .site-brand,html[data-style="dark"] .site-brand,html[data-style="jazz"] .home-claim,html[data-style="dark"] .home-claim,html[data-style="hell"] h1,html[data-style="heaven"] h1,html[data-style="hell"] h2,html[data-style="heaven"] h2,html[data-style="hell"] h3,html[data-style="heaven"] h3,html[data-style="hell"] .home-welcome,html[data-style="heaven"] .home-welcome,html[data-style="hell"] .site-brand,html[data-style="heaven"] .site-brand,html[data-style="hell"] .home-claim,html[data-style="heaven"] .home-claim{font-family:var(--st-head);text-transform:var(--st-case)}
html[data-style="jazz"] .home-welcome,html[data-style="dark"] .home-welcome,html[data-style="hell"] .home-welcome,html[data-style="heaven"] .home-welcome{font-weight:400;color:var(--accent2);letter-spacing:var(--st-track)}
html[data-style="jazz"] .home-claim strong,html[data-style="dark"] .home-claim strong,html[data-style="hell"] .home-claim strong,html[data-style="heaven"] .home-claim strong,html[data-style="jazz"] .site-brand span:last-of-type,html[data-style="dark"] .site-brand span:last-of-type,html[data-style="hell"] .site-brand span:last-of-type,html[data-style="heaven"] .site-brand span:last-of-type{color:var(--accent)}

html[data-style="jazz"] .panel,html[data-style="dark"] .panel,html[data-style="jazz"] .radio-card,html[data-style="dark"] .radio-card,html[data-style="jazz"] .radio-filter-bar,html[data-style="dark"] .radio-filter-bar,html[data-style="hell"] .panel,html[data-style="heaven"] .panel,html[data-style="hell"] .radio-card,html[data-style="heaven"] .radio-card,html[data-style="hell"] .radio-filter-bar,html[data-style="heaven"] .radio-filter-bar{border-radius:var(--st-radius);background:var(--st-card);box-shadow:var(--st-edge),var(--st-glow);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-style="jazz"] .radio-card:hover,html[data-style="dark"] .radio-card:hover,html[data-style="hell"] .radio-card:hover,html[data-style="heaven"] .radio-card:hover{filter:brightness(1.18)}
html[data-style="jazz"] .radio-card.is-playing,html[data-style="dark"] .radio-card.is-playing,html[data-style="hell"] .radio-card.is-playing,html[data-style="heaven"] .radio-card.is-playing{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 45%,#000),color-mix(in srgb,var(--accent) 18%,#000));color:var(--text)}
html[data-style="jazz"] .radio-card-logo,html[data-style="dark"] .radio-card-logo,html[data-style="hell"] .radio-card-logo,html[data-style="heaven"] .radio-card-logo{border-radius:var(--st-radius-s);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 35%,#000))}
html[data-style="jazz"] .radio-card-tags span,html[data-style="dark"] .radio-card-tags span,html[data-style="hell"] .radio-card-tags span,html[data-style="heaven"] .radio-card-tags span{border-radius:var(--st-radius-s);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent2)}
html[data-style="jazz"] .radio-card-play,html[data-style="dark"] .radio-card-play,html[data-style="hell"] .radio-card-play,html[data-style="heaven"] .radio-card-play{color:var(--accent2)}
html[data-style="jazz"] .radio-card-favorite.is-favorite,html[data-style="dark"] .radio-card-favorite.is-favorite,html[data-style="hell"] .radio-card-favorite.is-favorite,html[data-style="heaven"] .radio-card-favorite.is-favorite{color:var(--accent2);text-shadow:0 0 10px var(--accent)}

html[data-style="jazz"] .primary-btn,html[data-style="dark"] .primary-btn,html[data-style="hell"] .primary-btn,html[data-style="heaven"] .primary-btn{border-radius:var(--st-radius-s);background:var(--st-btn);color:var(--st-btn-text);text-transform:var(--st-case);letter-spacing:var(--st-track);box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.5)}
html[data-style="jazz"] .secondary-btn,html[data-style="dark"] .secondary-btn,html[data-style="hell"] .secondary-btn,html[data-style="heaven"] .secondary-btn{border-radius:var(--st-radius-s);background:transparent;color:var(--accent2);text-transform:var(--st-case);box-shadow:inset 0 0 0 1px var(--accent)}
html[data-style="jazz"] .calendar-view-switch,html[data-style="dark"] .calendar-view-switch,html[data-style="hell"] .calendar-view-switch,html[data-style="heaven"] .calendar-view-switch{border-radius:var(--st-radius-s);background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}
html[data-style="jazz"] .calendar-view-switch a.active,html[data-style="dark"] .calendar-view-switch a.active,html[data-style="hell"] .calendar-view-switch a.active,html[data-style="heaven"] .calendar-view-switch a.active{background:color-mix(in srgb,var(--accent) 40%,transparent);color:#fff}
html[data-style="jazz"] input,html[data-style="dark"] input,html[data-style="jazz"] select,html[data-style="dark"] select,html[data-style="hell"] input,html[data-style="heaven"] input,html[data-style="hell"] select,html[data-style="heaven"] select{border-radius:var(--st-radius-s);background:rgba(0,0,0,.4);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
html[data-style="jazz"] input:focus,html[data-style="dark"] input:focus,html[data-style="jazz"] select:focus,html[data-style="dark"] select:focus,html[data-style="hell"] input:focus,html[data-style="heaven"] input:focus,html[data-style="hell"] select:focus,html[data-style="heaven"] select:focus{box-shadow:inset 0 0 0 2px var(--accent)}
html[data-style="jazz"] .radio-globe-zoom button,html[data-style="dark"] .radio-globe-zoom button,html[data-style="jazz"] .radio-map-mode-toggle,html[data-style="dark"] .radio-map-mode-toggle,html[data-style="hell"] .radio-globe-zoom button,html[data-style="heaven"] .radio-globe-zoom button,html[data-style="hell"] .radio-map-mode-toggle,html[data-style="heaven"] .radio-map-mode-toggle{background:rgba(0,0,0,.6);color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent)}
html[data-style="jazz"] a,html[data-style="dark"] a,html[data-style="hell"] a,html[data-style="heaven"] a{color:var(--accent2)}
html[data-style="jazz"] .home-choice-label,html[data-style="dark"] .home-choice-label,html[data-style="hell"] .home-choice-label,html[data-style="heaven"] .home-choice-label{font-family:var(--st-head);text-transform:var(--st-case);color:var(--accent2);letter-spacing:var(--st-track)}
html[data-style="jazz"] .home-waves i,html[data-style="dark"] .home-waves i,html[data-style="hell"] .home-waves i,html[data-style="heaven"] .home-waves i{border-color:var(--accent)}
html[data-style="jazz"] .hs-b1{stop-color:#3b5bb8}html[data-style="jazz"] .hs-b2{stop-color:#1c3278}html[data-style="jazz"] .hs-b3{stop-color:#0b1334}
html[data-style="jazz"] .hs-m1{stop-color:#fff2c4}html[data-style="jazz"] .hs-m2{stop-color:#e2a72e}html[data-style="jazz"] .hs-m3{stop-color:#8a5c0a}
html[data-style="jazz"] .hs-g1{stop-color:#f4d57f}html[data-style="jazz"] .hs-g2{stop-color:#b4771a}
html[data-style="jazz"] .hs-k1{stop-color:#fff6d6}html[data-style="jazz"] .hs-k2{stop-color:#e2a72e}
html[data-style="jazz"] .home-choice-icon svg{filter:drop-shadow(0 6px 8px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(226,167,46,.35))}
html[data-style="jazz"] .site-brand-mark i{border-radius:99px 99px 0 0;background:linear-gradient(180deg,var(--accent2),var(--accent));box-shadow:0 0 8px rgba(226,167,46,.5)}
html[data-style="jazz"] .site-brand{letter-spacing:.2em}
html[data-style="jazz"] .home-globe canvas{filter:drop-shadow(0 0 26px rgba(226,167,46,.35))}