/* ==================================================================================
   Wurzelseite von app.dasstudiobuch.de (ausgeliefert als /index.html UND /404.html).

   ⚠️ SEIT 13.08.2026 EINE EIGENE DATEI, KEIN <style>-BLOCK MEHR (P0-2).
   Die CSP steht jetzt unter `/*` statt nur unter `/<studio>/*` — damit gilt
   `style-src 'self'` auch hier, und ein `<style>`-Block waere still WIRKUNGSLOS:
   die Seite stuende nackt da, ohne Fehlermeldung ausser einer Konsolenzeile.
   Nicht zurueck ins Markup schieben.

   Dieselben Werte wie PRESET_STANDARD.marke.farben in konfig.js. Sie stehen hier
   zwangslaeufig ein zweites Mal — diese Seite laedt kein konfig.js, sie soll ohne
   jede Abhaengigkeit funktionieren.
   ⚠️ Wer dort die Palette aendert, aendert sie HIER MIT. Seit 10.08.2026 Mauve
   (İrfans Entscheidung; Begruendung steht in konfig.js).
   ================================================================================== */
:root {
  --mauve:     #8B5D7A;   /* 10.08.2026: Anthrazit -> Karamell -> Mauve */
  --offweiss:  #F7F3F5;
  --hellmauve: #E3D2DD;
  --gold:      #B08A3E;
  --gedaempft: #6B5563;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1.25rem; padding: 2rem;
  background: linear-gradient(135deg, var(--offweiss) 0%, var(--hellmauve) 100%);
  color: var(--mauve);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
img { width: 72px; height: 72px; border-radius: 16px; }
h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.01em; }
p { max-width: 32rem; line-height: 1.6; color: var(--gedaempft); font-size: 0.95rem; }
.zeichen { color: var(--gold); font-size: 1.5rem; }
footer { margin-top: 1.5rem; font-size: 0.75rem; color: var(--gedaempft); }
footer a { color: var(--gedaempft); text-decoration: underline; }