/* LernApp: Design Tokens aus guides.bethesna.de. Generiert, Stand 2026-10-12. */
:root {
  --lernapp-color-lernapp-blau: #1473E6; /* Marke & Aktionen */
  --lernapp-color-nacht: #0F1520; /* Grund (dunkel, Standard) */
  --lernapp-color-flaeche: #141B27; /* Karten (dunkel) */
  --lernapp-color-hell: #F5F6F8; /* Grund (hell) */
  --lernapp-color-creme: #F3EAD6; /* Hervorhebung */
  --lernapp-color-tinte: #141A24; /* Text (hell) */
  --lernapp-font-archivo: "Archivo", system-ui, sans-serif;
  --lernapp-font-source-serif-4: "Source Serif 4", Georgia, serif;
  --lernapp-font-ibm-plex-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --lernapp-text-display-size: 3.25rem;
  --lernapp-text-display-line: 1.077;
  --lernapp-text-display-weight: 800;
  --lernapp-text-heading-size: 1.875rem;
  --lernapp-text-heading-line: 1.2;
  --lernapp-text-heading-weight: 700;
  --lernapp-text-body-size: 1.125rem;
  --lernapp-text-body-line: 1.611;
  --lernapp-text-body-weight: 400;
  --lernapp-text-label-size: 0.8125rem;
  --lernapp-text-label-line: 1.385;
  --lernapp-text-label-weight: 500;
}