/* ============================================================
   LINDIG Fahrakademie — Design Tokens
   Farben: ausschließlich die freigegebene Palette aus README.md.
   Struktur (Spacing/Radien/Type-Scale) an colors_and_type.css
   angelehnt, aber mit den Fahrakademie-Werten neu befüllt — das
   Original trägt ein anderes (Linde-Händler-)Farbschema.
   ============================================================ */

/* Figtree, Gewichte 300–900 (SIL Open Font License, siehe fonts/README.txt) */
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/Figtree-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

:root {
  /* ---- Freigegebene Farbpalette (README) — keine weiteren Werte ergänzen ---- */
  --lindig-asphalt: #1B1E22;
  --lindig-fernblau: #1B4C8C;
  --lindig-fernblau-hover: #12324F;
  --lindig-stahlblau: #12324F;
  --lindig-signalgruen: #3E7A5C;
  --lindig-signalgruen-hover: #2F5F47;
  --lindig-nebelgrau: #E9E7E1;
  --lindig-reinweiss: #FAFAF8;
  --lindig-card: #FFFFFF;

  /* ---- Ink-Neutralrampe, abgeleitet aus dem Lindig Design System (README) ---- */
  --ink-200: #D9DCE1;
  --ink-300: #B6BAC2;
  --ink-500: #6B7079;
  --ink-600: #4A5159;

  /* ---- Statusfarben Kurskalender (README) ---- */
  --fak-status-success: #3E7A5C;
  --fak-status-warning: #B4791C;
  --fak-status-danger: #B11C22;

  /* ---- Weitere abgeleitete Werte aus dem Lindig Design System (README) ---- */
  --fak-success-tint: #F1F5F2;

  /* ---- Typografie ---- */
  --font-sans: "Figtree", "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  /* Zeiten und Daten (Kurskalender, Wochenstreifen): gleich breite Ziffern wie auf einem Tacho-Ausdruck */
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;

  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-19: 1.1875rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-38: 2.375rem;
  --fs-48: 3rem;

  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-eyebrow: 0.14em;
  --tracking-button: 0.04em;

  /* ---- Abstände, 4px-Basis (README) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-22: 88px;

  --fak-container-max: 1280px;
  --fak-gutter: 24px;
  --fak-section-pad: clamp(56px, 7vw, 88px);
  --fak-radius-card: 8px;
  --fak-radius-control: 2px;
  --fak-radius-pill: 999px;

  /* ---- Schatten — nur der WhatsApp-Button trägt einen (README) ---- */
  --shadow-whatsapp: 0 8px 24px rgba(15, 17, 21, 0.24);

  /* ---- Motion — zurückhaltend, keine Bounces (README) ---- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
}