/* ==========================================================================
   LESBARE SCHRIFT
   Ersetzt alle Pixel- und Schmuckschriften durch eine schlichte Systemschrift.
   Greift ueber die Schriftvariablen, damit auch die Module mitziehen.
   ========================================================================== */
html.lesbar {
  --f-pixel: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --f-mono:  ui-monospace, 'Consolas', 'Courier New', monospace;
  --f-body:  'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --f-head:  'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --fq-ziffern: ui-monospace, 'Consolas', 'Courier New', monospace;
  --mono: ui-monospace, 'Consolas', 'Courier New', monospace;
  --label: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

/* Schriften, die in den Modulen fest eingetragen sind, mitziehen. */
html.lesbar body,
html.lesbar h1, html.lesbar h2, html.lesbar h3,
html.lesbar .pixel,
html.lesbar [class*="-title"],
html.lesbar [class*="-kopf"] h1 {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif !important;
  letter-spacing: normal !important;
}
/* Zahlen und Adressen bleiben dicktengleich - sonst verrutschen die
   Nibble-Streifen und Tabellen. Nur die Pixelschrift wird ersetzt. */
html.lesbar code, html.lesbar kbd, html.lesbar pre, html.lesbar .mono,
html.lesbar input, html.lesbar textarea {
  font-family: ui-monospace, 'Consolas', 'Courier New', monospace !important;
}

/* Etwas groesser und luftiger - das hilft mehr als die Schriftart allein. */
html.lesbar body { font-size: 16px; line-height: 1.65; }
html.lesbar h1 { font-size: 22px; line-height: 1.35; }
html.lesbar h2 { font-size: 19px; line-height: 1.4; }
html.lesbar .pixel { font-size: 15px; line-height: 1.55; }

/* Sehr kleine Beschriftungen anheben - die sind sonst kaum zu entziffern. */
html.lesbar .k, html.lesbar .lab, html.lesbar .cc-sub,
html.lesbar [class*="-lern-kopf"] .s { font-size: 12.5px !important; }

/* Der Schriftzug in Karten und Bannern bleibt Gestaltung, keine Information -
   dort wird nur die Laufweite entspannt. */
html.lesbar .cc-name { letter-spacing: 1px !important; }

/* Knopf in der Kopfzeile */
.schrift-btn {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px; font-weight: 700; letter-spacing: .02em;
}
.schrift-btn.an {
  color: #3ddc84; border-color: #3ddc84;
  background: rgba(61,220,132,.14);
  box-shadow: 0 0 12px rgba(61,220,132,.28);
}