/* ============================================================
   BTV UI — Design Tokens
   Corporate Design laut "cd manual v1.0"
   Nur Variablen + Font-Hooks. Kollisionsfrei in jedes Projekt
   einbindbar; Komponenten greifen ausschließlich über var(--…).
   ============================================================ */
:root{
  /* ---- Farben (cd manual v1.0) ---- */
  --blue:#1770B8;   --blue-d:#115a93;  --blue-l:#5989C7;  --blue-20:#D9E0F2;  /* BTV Blau + 80/20% */
  --accent:#E3000B; --accent-80:#E94D33; --accent-20:#FCD9C9;                 /* BTV Rot + 80/20% */
  --ink:#12161d; --ink-soft:#3b4658; --muted:#6b7785;     /* nahezu Schwarz / Abstufungen */
  --line:#e0e7f1; --line-soft:#eef2f7;
  --bg:#f3f6fb; --bg-2:#f9fbfe; --card:#ffffff;
  --ok:#15924f; --ok-bg:#e9f7ef; --bad:#E3000B; --bad-bg:#FCD9C9; --warn:#c5860a;

  /* ---- Schriften (cd manual v1.0) ----
     Überschrift: Harabara · Lauftext: Century Gothic
     (mit geometrischen Fallbacks, falls die Web-Fonts fehlen) */
  --font-body:"Century Gothic","Questrial","Avenir Next","Futura","Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-head:"Harabara","Century Gothic","Questrial","Futura","Avenir Next","Trebuchet MS",sans-serif;

  /* ---- Form / Tiefe / Bewegung ---- */
  --radius:18px; --radius-s:12px; --radius-xs:9px;
  --shadow:0 1px 2px rgba(16,33,60,.04), 0 6px 18px -10px rgba(16,33,60,.16);
  --shadow-md:0 2px 6px rgba(16,33,60,.06), 0 18px 38px -16px rgba(16,33,60,.22);
  --shadow-lg:0 26px 60px -20px rgba(16,33,60,.30);
  --shadow-blue:0 12px 28px -10px rgba(23,112,184,.45);
  --ring:0 0 0 4px rgba(23,112,184,.18);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* CD-Schriften als Web-Fonts bereitstellen:
   woff2-Dateien nach assets/fonts/ legen und diesen Block einkommentieren.
@font-face{font-family:"Harabara";src:url("assets/fonts/Harabara.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Century Gothic";src:url("assets/fonts/CenturyGothic.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Century Gothic";src:url("assets/fonts/CenturyGothic-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
*/