/* SSB-App – gemeinsame Typografie
   SSB-App © 2026 Fabio Wyrwich. Alle Rechte vorbehalten.

   Angelehnt an volles-horn.info:
     Oswald         – Anzeigeschrift für Überschriften, Knöpfe und Etiketten,
                      dort durchweg in Versalien mit leichter Sperrung.
     Source Sans 3  – Fließtext und alles, was gelesen statt überflogen wird.

   Zwei bewusste Abweichungen von der Vorlage:

   1. NAMEN WERDEN NIE IN VERSALIEN GESETZT. Schützennamen sind Daten, keine
      Gestaltung – sie müssen so lesbar bleiben, wie sie eingegeben wurden
      („von der Heyden" darf nicht zu „VON DER HEYDEN" werden).
   2. ZAHLEN LAUFEN TABELLARISCH. Ohne feste Ziffernbreite springt die
      Schussnummer beim Hochzählen in der Breite und die Zeile zappelt.

   Diese Datei setzt nur die Schriftfamilien; Größen und Farben bleiben in der
   jeweiligen Seite. Eingebunden wird sie zusammen mit fonts.css.
*/

:root {
  --f-body: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont,
            "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-head: 'Oswald', 'Source Sans 3', system-ui, -apple-system,
            "Segoe UI", Roboto, sans-serif;
}

body { font-family: var(--f-body); }

/* Überschriften: Anzeigeschrift, Versalien, leicht gesperrt. */
h1, h2, h3, h4 {
  font-family: var(--f-head);
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Bedienelemente. `font-family: inherit` steht in den Seiten bereits überall,
   deshalb greift hier eine eigene Regel. */
button, input[type="button"], input[type="submit"] {
  font-family: var(--f-head);
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* Eingabefelder NICHT in Versalien: Was man tippt, soll so aussehen, wie es
   gespeichert wird – sonst wirkt ein Name großgeschrieben, ist es aber nicht. */
input, textarea, select, option {
  font-family: var(--f-body);
  text-transform: none;
  letter-spacing: normal;
}

/* Zahlen mit fester Ziffernbreite, damit nichts springt. */
.tnum, .nr, .nr-num, .code-pill, .kbd {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Klasse zum Ausnehmen: alles, was ein Name oder eingegebener Text ist. */
.is-name, .name, .shooter-name,
/* Diese Überschrift trägt den Schützennamen („Nr. 5 – Klaus Müller"), sie darf
   deshalb nicht der Versalien-Regel für Überschriften unterliegen. */
#menu-title {
  font-family: var(--f-body);
  text-transform: none;
  letter-spacing: normal;
  font-weight: 700;
}