/* TRAEVEL self-hosted fonts (design-system v2).
 * Source: Google Fonts CSS2 API, retrieved 2026-09-10, converted to local
 * files only. No request to fonts.googleapis.com or fonts.gstatic.com is
 * made at runtime; every src below points to a local woff2 under css/fonts/.
 * Families: Syne (500, 700), DM Sans (400, 500, 700 + italic 400),
 * JetBrains Mono (400, 500), Newsreader (italic 400).
 * Subsets: latin and latin-ext (covers German umlauts: ae/oe/ue/Umlaute in
 * U+00C0-00FF via latin, uppercase variants and extended Latin via latin-ext).
 * Files with two weights in their name are variable fonts covering that
 * weight range (single wght axis); they are declared with a font-weight
 * range so the browser renders intermediate weights from the same file.
 * Licenses: SIL Open Font License 1.1, see css/fonts/<family>/OFL.txt.
 * Order matters: DM Sans first (body copy is LCP-critical), then Syne,
 * JetBrains Mono, Newsreader.
 */

/* ── Metric-Fallbacks (CLS-Schutz, 2026-09-11) ─────────────────────
   Lighthouse Mobil zeigte auf /reisen/ CLS 0.395 durch Font-Swap
   (fallback-Text schafft andere Umbrueche/Zeilenhoehen). Diese Faces
   schreiben die System-Fallbacks auf die gemessenen Metriken der echten
   Fonts (Browsermessung 11.09., 100px-Referenzstring):
     Syne   vs Georgia:  size-adjust 104.7%  (Zeilenbox 1.20em)
     DM Sans vs System:  size-adjust  98.6%  (Zeilenbox 1.30em)
     JBM    vs Menlo:    size-adjust  99.7%  (Zeilenbox 1.32em)
   lokales Fehlen aller local()-Quellen ueberspringt das Face sauber. */
@font-face {
  font-family: 'Syne Fallback';
  src: local('Georgia'), local('Times New Roman'), local('DejaVu Serif');
  ascent-override: 95%; descent-override: 25%; line-gap-override: 0%;
  size-adjust: 104.7%;
}
@font-face {
  font-family: 'DM Sans Fallback';
  src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
  ascent-override: 100%; descent-override: 30%; line-gap-override: 0%;
  size-adjust: 98.6%;
}
@font-face {
  font-family: 'JetBrains Mono Fallback';
  src: local('Menlo'), local('Consolas'), local('DejaVu Sans Mono'), local('Courier New');
  ascent-override: 103%; descent-override: 29%; line-gap-override: 0%;
  size-adjust: 99.7%;
}

/* DM Sans — normal 400-700 (variable), latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/dm-sans/dm-sans-400-700-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;
}
/* DM Sans — normal 400-700 (variable), latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/dm-sans/dm-sans-400-700-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;
}
/* DM Sans — italic 400, latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/dm-sans/dm-sans-italic-400-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;
}
/* DM Sans — italic 400, latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/dm-sans/dm-sans-italic-400-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;
}

/* Syne — 500-700 (variable), latin-ext */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/syne/syne-500-700-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;
}
/* Syne — 500-700 (variable), latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/syne/syne-500-700-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;
}

/* JetBrains Mono — 400-500 (variable), latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("fonts/jetbrains-mono/jetbrains-mono-400-500-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;
}
/* JetBrains Mono — 400-500 (variable), latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("fonts/jetbrains-mono/jetbrains-mono-400-500-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;
}

/* Newsreader — italic 400, latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/newsreader/newsreader-italic-400-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;
}
/* Newsreader — italic 400, latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/newsreader/newsreader-italic-400-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;
}