/* Hausschrift des Dashboards: Plus Jakarta Sans (SIL Open Font License,
   kommerziell frei nutzbar). Als Variable Font in zwei Schnitten — latin und
   latin-ext, mehr braucht deutscher Text nicht.

   BEWUSST SELBST GEHOSTET, nicht über fonts.googleapis.com: Das Einbinden von
   Google Fonts über deren CDN überträgt die IP-Adresse jedes Besuchers in die
   USA. Das LG München I hat darin 2022 einen DSGVO-Verstoß gesehen (Az. 3 O
   17493/20), und der Kunde ist ein deutscher Makler. Die beiden .woff2-Dateien
   liegen deshalb im Projekt und kommen vom eigenen Server.

   font-display: swap — die Seite zeigt sofort Text in der Systemschrift und
   tauscht sie aus, sobald die Datei da ist. Kein Blitzen auf leerem Grund. */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Eine Stelle für die gesamte Schriftführung. Die Seiten setzen ihre eigene
   font-Kurzschrift VOR diesem Stylesheet, deshalb hier bewusst spezifisch
   genug, um zu gewinnen — aber ohne !important, damit einzelne Stellen
   weiterhin abweichen dürfen. */
:root {
  --schrift: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
}
html body,
html body input,
html body button,
html body textarea,
html body select,
html body table {
  font-family: var(--schrift);
}

/* Zahlen in Tabellen und Karten sollen untereinander stehen (Preise, Flächen,
   Datumsangaben) — sonst tanzen die Spalten. */
html body table td,
html body .zahl,
html body code,
html body pre {
  font-variant-numeric: tabular-nums;
}

/* Überschriften etwas fester und enger — das gibt dem dunklen Layout Halt. */
html body h1,
html body h2,
html body h3 {
  font-weight: 700;
  letter-spacing: -0.015em;
}
html body h1 {
  letter-spacing: -0.022em;
}