/* Polski? Proste! – Farben aus dem Logo: Schwarz, Rot, Papierweiß.
   Rot ist die Marke; in den Übungen bleibt es dem „falsch“ vorbehalten. */
:root {
  --navy: #141414;
  --blue: #d8120f;
  --blue-2: #ef4136;
  --blue-soft: #fbe6e4;
  --bg: #faf7f4;
  --card: #fffefc;
  --text: #171514;
  --muted: #6e6964;
  --line: #e8e2db;
  --no: #c62828;
  --sun: #e6a100;
  --sun-soft: #fff3d9;
  --shadow: 0 1px 2px rgba(20, 20, 20, .06), 0 2px 10px rgba(20, 20, 20, .05);
  /* Rollen: Fortschrittsring, Hinweise, Auswahl in Rot statt Gelb */
  --ring: var(--blue);
  --note-bg: var(--blue-soft);
  --xp: var(--navy);
  --speak-bg: var(--blue-soft);
  --sel-bg: var(--blue-soft);
  --sel-ring: var(--blue);
  --goal: var(--navy);
  --logo-h: 60px;
  --logo-bg: #faf7f4;
  --on-primary-dark: #1a0a08;
}
@media (prefers-color-scheme: dark) {
  :root {
    --navy: #f7f3ee;
    --blue: #ff5a4f;
    --blue-2: #ff7a70;
    --blue-soft: #3a1714;
    --bg: #141211;
    --card: #1f1c1a;
    --text: #f5f1ec;
    --muted: #a9a29b;
    --line: #35302c;
    --sun-soft: #3a2e12;
  }
}

/* Sonderzeichen-Leiste: nur eine Reihe, Ausblenden-Knopf schmal */
.kb .k.sys { max-width: 44px; flex: 1; font-size: 14px; }

/* In Übungen ist Rot = falsch: Knöpfe schwarz, nach richtiger Antwort grün */
.session .btn.primary { background: var(--navy); border-color: var(--navy); color: var(--bg); }
.session .fb.ok .btn.primary, .session .fb.almost .btn.primary { background: var(--ok); border-color: var(--ok); color: #fff; }
.session .end .btn.primary { background: var(--blue); border-color: var(--blue); }
.session .kb .k.mod.on { background: var(--navy); }