:root {
  /* Grundschriftgröße der Anwendung und der Chota-Komponenten */
  --schriftgroesse-basis: 1.6rem;

  /* Große Hauptüberschrift „ToDo“ im Kopfbereich */
  --schriftgroesse-app-titel: 3.2rem;

  /* Statusanzeige für gespeicherte und ungespeicherte Änderungen */
  --schriftgroesse-speicherstatus: 1.4rem;

  /* Beschriftung der Listenauswahl im Kopfbereich */
  --schriftgroesse-listenauswahl-label: 1.4rem;

  /* Überschrift der aktuell geöffneten Liste */
  --schriftgroesse-listentitel: 2.8rem;

  /* Kleine Großbuchstaben-Kennzeichnung oberhalb einer Überschrift */
  --schriftgroesse-abschnittskennzeichnung: 1.3rem;

  /* Metadaten der aktuell geöffneten Liste */
  --schriftgroesse-listenmetadaten: 1.4rem;

  /* Fehlermeldungen unter Formularfeldern */
  --schriftgroesse-formularfehler: 1.4rem;

  /* Statusmarke eines Projekts */
  --schriftgroesse-projektstatus: 1.3rem;

  /* Beschriftungen allgemeiner Eingabefelder */
  --schriftgroesse-eingabefeld-label: 1.3rem;

  /* Überschriften und Beschriftungen innerhalb eines Notizbereichs */
  --schriftgroesse-notiz-label: 1.3rem;

  /* Lauftext einer Notiz in Anzeige und Bearbeitungsfeld */
  --schriftgroesse-notiztext: 1.4rem;

  /* Schaltfläche zum Bearbeiten einer Notiz */
  --schriftgroesse-notiz-schaltflaeche: 1.3rem;

  /* Überschrift erster Ebene in einer dargestellten Markdown-Notiz */
  --schriftgroesse-markdown-h1: 2.2rem;

  /* Überschrift zweiter Ebene in einer dargestellten Markdown-Notiz */
  --schriftgroesse-markdown-h2: 1.9rem;

  /* Überschrift dritter Ebene in einer dargestellten Markdown-Notiz */
  --schriftgroesse-markdown-h3: 1.7rem;

  /* Überschriften vierter bis sechster Ebene in einer Markdown-Notiz */
  --schriftgroesse-markdown-h4-bis-h6: 1.5rem;

  /* Quelltext innerhalb einer dargestellten Markdown-Notiz */
  --schriftgroesse-markdown-code: 0.92em;

  /* Titel eines Projekts in der klassischen Projektübersicht */
  --schriftgroesse-projekttitel: 2rem;

  /* Überschrift des Aufgabenbereichs eines Projekts */
  --schriftgroesse-aufgabenbereich-titel: 1.6rem;

  /* Anzahl der Aufgaben neben einer Aufgabenüberschrift */
  --schriftgroesse-aufgabenanzahl: 1.25rem;

  /* Titel einer Aufgabe in der klassischen Projektübersicht */
  --schriftgroesse-aufgabentitel: 1.55rem;

  /* Prioritäts- und Fälligkeitsmarken in Zusammenfassungen */
  --schriftgroesse-zusammenfassungsmarke: 1.2rem;

  /* Erläuternder Hinweis innerhalb der Anmeldung */
  --schriftgroesse-auth-hinweis: 1.3rem;

  /* Name des angemeldeten Benutzers im Kopfbereich */
  --schriftgroesse-angemeldeter-benutzer: 1.25rem;

  /* Sechsstelliger TOTP-Code im Anmeldeformular */
  --schriftgroesse-totp-code: 2.2rem;

  /* Kleine Beschriftung über einem gemerkten Benutzernamen */
  --schriftgroesse-gemerkter-benutzer-label: 0.88rem;

  /* Gemerkter Benutzername im Anmeldeformular */
  --schriftgroesse-gemerkter-benutzer-name: 1.15rem;

  /* Hinweis zur Speicherung des Benutzernamens */
  --schriftgroesse-benutzername-hinweis: 0.82rem;

  /* Wartehinweis nach einem bereits verwendeten TOTP-Code */
  --schriftgroesse-totp-wartehinweis: 0.9rem;

  /* Projekttitel in der linken Master-Navigation */
  --schriftgroesse-master-projekttitel: 1.6rem;

  /* Projektstatus in der linken Master-Navigation */
  --schriftgroesse-master-projektstatus: 1.15rem;

  /* Aufgabentitel in der linken Master-Navigation */
  --schriftgroesse-master-aufgabentitel: 1.45rem;

  /* Hinweis bei einer leeren Aufgabenliste der Master-Navigation */
  --schriftgroesse-master-leerhinweis: 1.3rem;

  /* Titel eines Projekts oder einer Aufgabe im Detailbereich */
  --schriftgroesse-detailtitel: 2.4rem;

  /* Feldbezeichnung eines schreibgeschützten Detailwerts */
  --schriftgroesse-detailfeld-label: 1.2rem;

  /* Status- oder Prioritätswert im Detailbereich */
  --schriftgroesse-detailwert: 1.3rem;

  /* Erläuterung zur abgeleiteten Projektpriorität */
  --schriftgroesse-detail-prioritaetshinweis: 1.3rem;

  /* Kleine Prioritäts- und Fälligkeitsmarken der Master-Navigation */
  --schriftgroesse-master-statusmarke: 1.1rem;

  /* Projektkontext oberhalb eines Aufgabeneditors */
  --schriftgroesse-detail-projektkontext: 1.35rem;

  /* Chota liest seine allgemeine Schriftgröße aus dieser Variable. */
  --font-size: var(--schriftgroesse-basis);
}

@media (max-width: 720px) {
  :root {
    /* Hauptüberschrift auf kleinen Bildschirmen */
    --schriftgroesse-app-titel: 2.7rem;

    /* Projekttitel der klassischen Übersicht auf kleinen Bildschirmen */
    --schriftgroesse-projekttitel: 1.8rem;

    /* Zusammenfassungsmarken auf kleinen Bildschirmen */
    --schriftgroesse-zusammenfassungsmarke: 1.15rem;

    /* Statusmarken der Master-Navigation auf kleinen Bildschirmen */
    --schriftgroesse-master-statusmarke: 1.05rem;
  }
}