/* Die helle Fassung der öffentlichen Seiten. Geladen nach dem Stylesheet der
   Seite, damit diese Werte gewinnen. Dieselbe Creme wie Startseite und App;
   der Akzent ist im Hellen fast schwarz, die Schrift darauf hell. */
:root[data-theme="light"]{
  --bg:#f0eee6;--bg2:#f7f6f1;--bg3:#e6e3d8;
  --text:#171310;--text2:rgba(23,19,16,0.74);--text3:rgba(23,19,16,0.66);
  --border:rgba(23,19,16,0.13);--border2:rgba(23,19,16,0.24);
  --green:#1a1714;--green2:#1a1714;--green-text:#1a1714;--green-dim:rgba(23,19,16,0.06);
  --on-acc:#f0eee6;
  --shadow-sm:0 1px 3px rgba(60,45,35,0.10);
  --shadow-md:0 8px 30px rgba(60,45,35,0.12);
  --shadow-lg:0 20px 60px rgba(60,45,35,0.16);
  --glow:none;
  --glass-bg:#f7f6f1;--glass-bg-strong:#f0eee6;--glass-sheen:none;
  --glass-border:rgba(23,19,16,0.12);--glass-inner:0 0 rgba(0,0,0,0);--glass-drop:0 0 rgba(0,0,0,0);
  --card:#f7f6f1;
}
[data-theme="light"] body{background:var(--bg);color:var(--text);}
/* Akzentflächen sind im Hellen dunkel: helle Schrift darauf. */
[data-theme="light"] .btn-solid,[data-theme="light"] .btn-primary,[data-theme="light"] .btn-primary-lg,
[data-theme="light"] .nav-user-avatar,[data-theme="light"] .plan-badge,[data-theme="light"] .plan-btn.featured,
[data-theme="light"] .cta-btn,[data-theme="light"] .fnext-go{color:var(--on-acc);}
[data-theme="light"] .btn-solid:hover,[data-theme="light"] .btn-primary:hover{box-shadow:0 6px 22px rgba(23,19,16,.22);}
/* Das Schlussband trägt ein helles Bild und eigene dunkle Schrift; sein
   Knopf bleibt dunkel mit heller Schrift, der zweite hell umrandet. */
[data-theme="light"] .cta-section .btn-secondary{color:#0c0c0e;}
/* Flächen, die im Dunkeln mit Weiß aufgehellt wurden. */
[data-theme="light"] .calc-row,[data-theme="light"] .cred-row,[data-theme="light"] .calc-pill{background:rgba(23,19,16,.03);}
[data-theme="light"] .calc-out{background:#f7f6f1;}
[data-theme="light"] .calc-bar{background:rgba(23,19,16,.08);}
[data-theme="light"] .cred-cost{border-color:rgba(23,19,16,.2);}
[data-theme="light"] .calc-pill.on{border-color:rgba(23,19,16,.5);}
[data-theme="light"] .calc-stepper button:hover{background:rgba(23,19,16,.06);}
[data-theme="light"] .fm-card{background:#f7f6f1;}