/* HEAVEN (Fund 04.11.2026, Roger: "Heaven Style, moeglichst viel Weiss/Silber, wie man sich einen Engel vorstellt").
   Als einziger Style HELL: Weiss, Silber, Perlmutt-Blau, goldener Heiligenschein-Akzent. Die gemeinsamen Bauteil-Regeln
   (Karten, Buttons, Eingaben ...) kommen aus styles-packs.css (dort ist "heaven" in die Selektorlisten aufgenommen);
   hier stehen die Variablen und alles, was bei hellem Grund anders sein muss (dunkle Annahmen der anderen Styles).
   styles.js setzt weiterhin data-theme="dark" (Tag/Nacht-Schalter ist ausgeblendet). */
html[data-style="heaven"]{
  color-scheme:light;
  --page:#eef2fa;--surface:rgba(255,255,255,.78);--text:#2c3650;--muted:#6f7b96;--accent:#8d9bb8;--accent2:#d9b24c;
  --globe-top:#ffffff;--globe-bottom:#c9d3e6;--globe-land:#eef2fa;--globe-border:#8d9bb8;--globe-glow:#e6c36a;
  --st-font:"Segoe UI","Optima","Candara","Trebuchet MS",ui-sans-serif,sans-serif;
  --st-head:"Optima","Candara","Segoe UI Light","Segoe UI","Trebuchet MS",sans-serif;
  --st-radius:1.6rem;--st-radius-s:1rem;--st-case:uppercase;--st-track:.2em;
  --st-card:linear-gradient(180deg,rgba(255,255,255,.94),rgba(229,235,247,.88));
  --st-edge:inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(141,155,184,.35);
  --st-glow:0 10px 30px rgba(120,140,190,.28),0 0 24px rgba(255,255,255,.8);
  --st-btn:linear-gradient(180deg,#ffffff,#cfd7e8);--st-btn-text:#34405e;
  --st-bg:radial-gradient(circle at 50% -6%,rgba(255,233,160,.65) 0,transparent 22rem),radial-gradient(ellipse at 50% -12%,#fff 0,transparent 38rem),radial-gradient(ellipse at 15% 105%,#fff 0,transparent 30rem),radial-gradient(ellipse at 85% 110%,#fff 0,transparent 28rem),linear-gradient(180deg,#dfe7f6,#f7f9fd 55%,#dde5f3);
  --glass-bg:rgba(255,255,255,.9);--glass-text:#2c3650;--glass-muted:#6f7b96;
}
html[data-style="heaven"] body{background:var(--st-bg);color:var(--text)}

/* Ueberschriften, Logo: duenn, weit gesetzt, mit weichem weissem Leuchten */
html[data-style="heaven"] h1,html[data-style="heaven"] h2,html[data-style="heaven"] h3,
html[data-style="heaven"] .home-welcome,html[data-style="heaven"] .site-brand,html[data-style="heaven"] .home-claim,
html[data-style="heaven"] .home-choice-label,html[data-style="heaven"] .page-head h1{font-weight:300}
html[data-style="heaven"] .home-welcome{color:#7d8aa8;font-size:clamp(2rem,6vw,3.4rem);text-shadow:0 0 22px #fff,0 2px 6px rgba(120,140,190,.35)}
html[data-style="heaven"] .site-brand{color:#4a5675;text-shadow:0 0 10px #fff}
html[data-style="heaven"] .site-brand small{color:var(--muted)}
html[data-style="heaven"] .site-brand span:last-of-type{color:#c79a2c}
html[data-style="heaven"] .home-claim{color:#4a5675;text-shadow:0 0 14px #fff}
html[data-style="heaven"] .home-claim strong{color:#c79a2c}
html[data-style="heaven"] .home-choice-label{color:#55627f;text-shadow:0 0 10px #fff}
/* Logo-Zeichen: Silber-Balken mit goldenem Heiligenschein darueber */
html[data-style="heaven"] .site-brand-mark{position:relative}
html[data-style="heaven"] .site-brand-mark::before{content:"";position:absolute;left:50%;top:-.42rem;width:1.1rem;height:.36rem;transform:translateX(-50%);border:2px solid #e0bb58;border-radius:50%;box-shadow:0 0 6px rgba(224,187,88,.8)}
html[data-style="heaven"] .site-brand-mark i{border-radius:99px;background:linear-gradient(180deg,#fff,#98a5c0);box-shadow:0 0 6px rgba(255,255,255,.9),0 1px 3px rgba(110,130,180,.6)}

/* Dunkle Annahmen der gemeinsamen Regeln fuer hellen Grund umdrehen */
html[data-style="heaven"] .radio-card.is-playing{background:linear-gradient(135deg,#fff7da,#e9eefa);color:var(--text);box-shadow:var(--st-edge),0 0 22px rgba(224,187,88,.55)}
html[data-style="heaven"] .radio-card:hover{filter:none;background:linear-gradient(180deg,#fff,#f1f5fc);box-shadow:var(--st-edge),0 0 26px rgba(255,255,255,.95),0 8px 24px rgba(120,140,190,.35)}
html[data-style="heaven"] .radio-card-logo{background:linear-gradient(135deg,#ffffff,#b4c0d8)}
html[data-style="heaven"] .radio-card-tags span{background:rgba(141,155,184,.18);color:#55627f}
html[data-style="heaven"] .radio-card-play{color:#8d9bb8}
html[data-style="heaven"] .radio-card-favorite{color:rgba(85,98,127,.6)}
html[data-style="heaven"] .radio-card-favorite.is-favorite{color:#d9b24c;text-shadow:0 0 10px rgba(224,187,88,.8)}
html[data-style="heaven"] .secondary-btn{color:#55627f;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(141,155,184,.7)}
html[data-style="heaven"] .primary-btn{box-shadow:inset 0 1px #fff,0 0 0 1px rgba(141,155,184,.6),0 6px 16px rgba(120,140,190,.35)}
html[data-style="heaven"] .calendar-view-switch{background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px rgba(141,155,184,.55),0 4px 14px rgba(120,140,190,.2)}
html[data-style="heaven"] .calendar-view-switch a{color:var(--muted)}
html[data-style="heaven"] .calendar-view-switch a.active{background:linear-gradient(180deg,#fff,#dde4f2);color:#34405e;box-shadow:0 0 12px rgba(224,187,88,.55)}
html[data-style="heaven"] input,html[data-style="heaven"] select{background:rgba(255,255,255,.85);color:var(--text);box-shadow:inset 0 0 0 1px rgba(141,155,184,.6)}
html[data-style="heaven"] input:focus,html[data-style="heaven"] select:focus{box-shadow:inset 0 0 0 2px #d9b24c,0 0 12px rgba(224,187,88,.5)}
html[data-style="heaven"] .radio-globe-zoom button,html[data-style="heaven"] .radio-map-mode-toggle{background:rgba(255,255,255,.88);color:#55627f;box-shadow:inset 0 0 0 1px rgba(141,155,184,.7),0 4px 12px rgba(120,140,190,.3)}
html[data-style="heaven"] .radio-globe-popup,html[data-style="heaven"] .radio-globe-tooltip{background:rgba(255,255,255,.96);color:var(--text);box-shadow:0 8px 24px rgba(120,140,190,.4)}
html[data-style="heaven"] .radio-globe-popup small{color:var(--muted)}
html[data-style="heaven"] .radio-globe-popup-close{color:var(--text)}
html[data-style="heaven"] a{color:#55627f}
html[data-style="heaven"] .site-footer,html[data-style="heaven"] .hint{color:var(--muted)}
html[data-style="heaven"] .home-waves i{border-color:#e0bb58}
html[data-style="heaven"] .home-globe canvas{filter:drop-shadow(0 0 30px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(224,187,88,.5))}

/* Icons der Startseite: Perlweiss/Silber mit goldenem Glas */
html[data-style="heaven"] .hs-b1{stop-color:#fff}html[data-style="heaven"] .hs-b2{stop-color:#e4eaf5}html[data-style="heaven"] .hs-b3{stop-color:#a9b5cc}
html[data-style="heaven"] .hs-m1{stop-color:#fff}html[data-style="heaven"] .hs-m2{stop-color:#d3dbe8}html[data-style="heaven"] .hs-m3{stop-color:#8c98b0}
html[data-style="heaven"] .hs-g1{stop-color:#fff6cf}html[data-style="heaven"] .hs-g2{stop-color:#e0bb58}
html[data-style="heaven"] .hs-k1{stop-color:#fff}html[data-style="heaven"] .hs-k2{stop-color:#e6c36a}
html[data-style="heaven"] .hs-s1{stop-color:#d5dbe8}html[data-style="heaven"] .hs-s2{stop-color:#97a3bb}
html[data-style="heaven"] .hs-shadow{fill:rgba(120,140,190,.3)}
html[data-style="heaven"] .hs-ring,html[data-style="heaven"] .hs-grille{stroke:rgba(90,105,140,.4)}
html[data-style="heaven"] .home-choice-icon svg{filter:drop-shadow(0 6px 6px rgba(110,130,180,.45)) drop-shadow(0 0 12px rgba(255,255,255,.95))}
/* Kontrast: weisse Icons auf hellem Grund brauchen eine feine dunkle Kontur */
html[data-style="heaven"] .site-header .radio-view-switch a::before{filter:drop-shadow(0 0 .7px #4a5675) drop-shadow(0 1px 1px rgba(74,86,117,.55))}
html[data-style="heaven"] .home-choice-icon svg{filter:drop-shadow(0 0 1px rgba(74,86,117,.75)) drop-shadow(0 6px 6px rgba(110,130,180,.45)) drop-shadow(0 0 12px rgba(255,255,255,.95))}