/* Lehrbuch im Look „Version 4 / Magazin“ (25.10.2026) – lädt NACH theme.css und reader.css.
   Betrifft nur Login und Bibliothek (Themen-Übersicht). Der Leser selbst bleibt unverändert.
   Zurück zum alten Look: diese Datei im <head> von index.html entfernen. */
:root { --v4-paper:#f6f4ef; --v4-ink:#0b1530; --v4-ink2:#3d4762; --v4-rule:#d8d3c8; --v4-blue:#1d4ed8; --v4-yellow:#ffd83a;
  --v4-mono: ui-monospace,'SFMono-Regular',Consolas,monospace; }

/* Login: Papier statt Farbverlauf, flache Karte mit dicker Oberkante */
html:not([data-theme="dark"]) .login-view { background: var(--v4-paper); }
html:not([data-theme="dark"]) .login-card { background: #fff; border: 0; border-top: 4px solid var(--v4-ink); border-radius: 0; box-shadow: none; }
.login-card { text-align: left; }
.login-logo { margin: 0 0 14px; width: 72px; height: 72px; }
.brand-sub { font-family: var(--v4-mono); letter-spacing: .14em; font-size: 11px; }
html:not([data-theme="dark"]) .brand-mark { color: var(--v4-ink); }
html:not([data-theme="dark"]) .brand-mark strong { color: var(--v4-blue); }
.login-title { font-size: 28px; line-height: 1.1; letter-spacing: -.03em; }
html:not([data-theme="dark"]) .login-title { color: var(--v4-ink); }
.code-input { border-radius: 4px; border-width: 1.5px; font-family: var(--v4-mono); }
html:not([data-theme="dark"]) .code-input { border-color: var(--v4-ink); }
.btn-primary { border-radius: 4px; box-shadow: none; }
.btn-primary:active { transform: scale(.97); }
.btn-ghost { border-radius: 4px; }
.btn-ghost:active { transform: scale(.97); }

/* Bibliothek: Kopf flach in Navy, Kacheln eckig */
html:not([data-theme="dark"]) .home-view { background: var(--v4-paper); }
.home-top { background: var(--v4-ink); border-radius: 0; box-shadow: none; border-bottom: 4px solid var(--v4-yellow); }
.home-top .brand-sub { font-family: var(--v4-mono); letter-spacing: .12em; text-transform: uppercase; font-size: .7rem; }
.home-top .home-campus, .home-top .icon-btn { border-radius: 4px; }
.home-h1 { letter-spacing: -.035em; font-size: 2rem; }
html:not([data-theme="dark"]) .home-h1 { color: var(--v4-ink); }
.home-sub { font-family: var(--v4-mono); font-weight: 500; letter-spacing: .14em; color: var(--v4-blue); }
.topic-tile { border-radius: 4px; box-shadow: none; border: 0; }
.topic-tile:hover { box-shadow: none; transform: translateY(-3px); }
.topic-tile:active { transform: scale(.98); }