/* ============================================================================
   Tappr Fonts
   - DM Sans: primärer UI- und Body-Font (Gewichte 400/500/600/700)
   - JetBrains Mono: Monospace für Preise, IDs, Eyebrows (Gewichte 400/500)
   - Fraunces: eingebunden, italic display (Gewichte 400/500) — fuer
     Display-Akzente (zurueckhaltend einsetzen)

   Einbindung über Google Fonts mit preconnect und display=swap.
   Dokumente binden dieses File im <head> über einen eigenen <link rel="preconnect">
   plus <link rel="stylesheet" href="/packages/ui/fonts.css"> ein, oder kopieren
   die drei unten stehenden <link>-Tags direkt ins Markup (preconnect kann nicht
   via @import vorgeladen werden, deshalb der Doppel-Weg).
   ========================================================================= */

/* Google-Fonts-Import für Backoffice: DM Sans + JetBrains Mono + Fraunces (italic) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap');

/*
  Empfohlener <head>-Block im HTML:

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap">

  Der @import oben ist Fallback, falls das HTML die Links nicht selbst setzt.
*/
