/* LingoRhythm Lektionen und Lehrkräfte-Bereich · Nachtmodus (02.11.2026)
   Gleiche Farben wie die Website (plugins/lingorhythm-website/nacht.css). data-theme setzt das Skript lr-theme-js im Seitenkopf
   (gemeinsame Wahl über localStorage "lr-theme", sonst Geräte-Einstellung). */

.lr-tbtn{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--sand2);border-radius:999px;background:transparent;color:var(--tct);cursor:pointer}
.lr-tbtn svg{width:20px;height:20px}
.lr-tbtn:focus-visible{outline:3px solid var(--peach);outline-offset:2px}
.lr-bar-r{display:flex;align-items:center;gap:8px}

html[data-theme="night"]{
  color-scheme:dark;
  --ink:#F7EDD0;--ink2:#E3D6BC;--soft:#D0C2A6;--muted:#B3A58B;
  --creme:#1C1917;--paper:#28231F;--sand:#3F3732;--sand2:#5A4F48;
  --tc:#D9824A;--tcd:#F2B48A;--tct:#F0A273;--tctint:#3B2A20;
  --ol:#9DAE7C;--old:#BCCB9C;--oltint:#2C3125;
  --peach:#F6A06B;--peachtint:#3A2A20;
  background:#1C1917;color:#F7EDD0;
}
html[data-theme="night"] body{background:#1C1917;color:#F7EDD0}
html[data-theme="night"] .lr-tbtn{background:#3B2A20;border-color:#D9824A;color:#F6A06B}
html[data-theme="night"] .lr-tbtn svg path{fill:currentColor}
html[data-theme="night"] .lr-err{background:#3B231E;border-color:#8F4A3A;color:#F7EDD0}
html[data-theme="night"] img.lr-phone{border-color:#5A4F48}

/* Zeichnungen mit festen Farben: Stiele hell, Biss in Kartenfarbe, Oliv-Symbole heller */
html[data-theme="night"] .lr-apple path[stroke],
html[data-theme="night"] .lr-137 path[stroke="#201E1D"]{stroke:#D0C2A6}
html[data-theme="night"] .lr-137 circle[fill="#F5EAD8"]{fill:#28231F}
html[data-theme="night"] .lr-app-h svg,
html[data-theme="night"] .lr-due svg{stroke:#BCCB9C}