/* ============================================================================
   SELF-HOSTED FONTS (DSGVO-konform)
   ============================================================================

   Diese Fonts werden von eigenem Supabase Storage geladen.
   KEINE externen Google Fonts → DSGVO-konform

   Fonts: Lora (Heading - Variable Font), Lato (Body)
   Format: TTF (TrueType)
   ============================================================================ */

/* Lora - Heading Font (Serif) - Variable Font
   ==========================================================================
   Variable Font = Ein Font-File für alle Weights (400-700)
   Vorteil: Nur 1 Download statt 4
   ========================================================================== */

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700; /* Variable Font: unterstützt alle Weights von 400 bis 700 */
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lora/Lora-VariableFont_wght.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lora/Lora-Italic-VariableFont_wght.ttf")
    format("truetype");
}

/* Lato - Body Font (Sans-Serif)
   ========================================================================== */

/* Lato Thin (100) */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Thin.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-ThinItalic.ttf")
    format("truetype");
}

/* Lato Light (300) */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Light.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-LightItalic.ttf")
    format("truetype");
}

/* Lato Regular (400) */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Italic.ttf")
    format("truetype");
}

/* Lato Bold (700) */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Bold.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-BoldItalic.ttf")
    format("truetype");
}

/* Lato Black (900) */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-Black.ttf")
    format("truetype");
}

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://sjwoshbuixdajcuoerrd.supabase.co/storage/v1/object/public/public_website/Fonts/Lato/Lato-BlackItalic.ttf")
    format("truetype");
}

/* ============================================================================
   FALLBACK FONTS
   ============================================================================
   
   Falls Lora/Lato nicht laden, greifen System-Fonts:
   - Lora → Georgia, Times New Roman, serif
   - Lato → Arial, Helvetica, sans-serif
   
   Diese sind bereits in tailwind.config.ts definiert.
   ============================================================================ */