/* =====================================================================================================
   Weißes Design (gewählt 5.11.2026 statt "Morgendunst" #f4f3ea) – gilt, solange <html> die Klasse
   "theme-white" hat (index.html, impressum.html). Himmelblau oben bleibt, läuft aber in Weiß aus.
   Tickets = Variante "C": Text dunkler (mehr Kontrast), Tafel hellgrau, Abriss weiß wie ein Kassenzettel.
   (Variante "B" zum Nachschlagen: --ticket #f6f8fb, --ticket-stub #edf2f8, --muted unverändert #5b6a82.)
   ===================================================================================================== */

html.theme-light.theme-white {
  --page: #ffffff;
  --muted: #3c4a61;       /* Fließtext/Nebentexte: mehr Kontrast (vorher #5b6a82) */
  --ticket: #f1f4f8;      /* Ticket-Tafel (Mitte) */
  --ticket-stub: #ffffff; /* Abriss rechts/unten */
  --panel: #f3f6fa;       /* Seitenleiste, Fenster-Hintergründe */
}

/* Himmel läuft in Weiß aus */
html.theme-white .stage-sticky {
  background:
    radial-gradient(60% 55% at 50% 52%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, #b9d6f2 0%, #d6e7f7 40%, #f1f5f9 70%, #ffffff 100%);
}
html.theme-white .lede { color: rgba(14, 34, 64, 0.86); }

/* Tickets: Abriss-Farbe (Tafel nutzt --ticket automatisch, styles.css) */
html.theme-white .pass-stub { background: var(--ticket-stub); border-left-color: rgba(14, 34, 64, 0.22); border-top-color: rgba(14, 34, 64, 0.22); }
html.theme-white .soon-progress { background: #fff; }

/* Flächen, die bisher die Seitenfarbe nutzten: leicht grau, damit weiße Karten darauf sichtbar bleiben */
html.theme-white .drawer { background: var(--panel); }
html.theme-white .waitlist { background: #fff; } /* ein Fenster, kein zweiter Kasten darin */
html.theme-white .details .details-buy { background: var(--panel); }
html.theme-white .drawer-close:hover,
html.theme-white .details-close:hover,
html.theme-white .wl-notice-x:hover { background: var(--panel); }