/* Design-Tokens 1:1 aus dem btl Designbrandkit, Abschnitt 08. Schriften lokal aus assets/fonts. */
@font-face{font-family:"TT Firs Neue";src:url(../assets/fonts/TTFirsNeue-Medium.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"TT Firs Neue";src:url(../assets/fonts/TTFirsNeue-Bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Heebo";src:url(../assets/fonts/Heebo-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --btl-navy:#2D2D7D;
  --btl-pink:#DC325A;
  --btl-gradient:linear-gradient(90deg,#2D2D7D 0%,#DC325A 100%);
  --btl-black:#000000;
  --btl-ink:#0A0A0A;          /* Bühne / LED-Vorschau */
  --btl-white:#FFFFFF;
  --btl-bg:#F7F7F7;           /* Seitenhintergrund */
  --btl-line:#DDDEDF;
  --btl-grey:#595959;
  --btl-pink-hover:#B82546;   /* abgeleitet */
  --btl-navy-hover:#23235F;   /* abgeleitet */
  --btl-navy-10:#EAEAF2;
  --btl-pink-10:#FCEBEF;
  --ok:#1F9D6B; --warn:#E8A317; --err:#DC325A;

  --font-head:"TT Firs Neue","Heebo",system-ui,sans-serif;  /* 500/600/700 */
  --font-body:"Heebo",system-ui,sans-serif;                 /* 300/400/600/700 */

  --fs-display:56px; --fs-h1:42px; --fs-h2:32px; --fs-h3:24px;
  --fs-lead:20px; --fs-body:16px; --fs-small:13px;

  --r-pill:100px; --r-card:22px; --r-panel:34px; --r-hero:50px; --r-input:14px;
  --btn-pad:16px 44px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}