/* ==========================================================================
   FAVE Drive – Slop-Fix-Overrides (06.08.2026)
   Wird NACH site.css geladen. Kein Tailwind-Rebuild nötig: Tailwind v4
   nutzt CSS-Variablen, die hier überschrieben werden.
   – slop_fonts: Sora als Display (wie FAVE-Familie), System-Stack als Text;
     Manrope/Inter werden dadurch nie mehr angefordert.
   – perma_dark_mode: --color-ash deutlich heller (L ≥ 0.85) für Lesetext
     auf dunklem Grund.
   Rückbau: diese Datei + <link> entfernen, Snapshot liegt im Archiv.
   ========================================================================== */

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/sora-var.woff2") format("woff2");
}

:root {
  --font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --color-ash: #d6d9de;
}

/* oversized_hero: lange Headline auf ≤60px begrenzen (die Tailwind-Klasse im
   Markup bleibt die kompilierte Original-Klasse, hier wird sie übersteuert –
   ohne Compiler ist das der verlässliche Weg). */
#hero-titel { font-size: clamp(2.4rem, 5vw, 3.75rem) !important; line-height: 1.05 !important; }

/* allcaps_labels: Komponenten-Klassen aus site.css entschärfen
   (.kicker/.placeholder-label VERSALIEREN per Komponente, .uppercase ist die Utility) */
.kicker, .placeholder-label, .uppercase {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .82rem;
}