/* ==========================================================================
   MACK — Design Tokens
   Farben direkt aus den Logo-Quelldateien ausgelesen (siehe /assets/img/logos).
   ========================================================================== */

:root {
  /* ---- Basis / verbindende Hauptfarben ---- */
  --ink: #1d1e1c;          /* Anthrazit/Schwarz — Haupttextfarbe, aus Mack_Logo-05.svg */
  --ink-soft: #3a3c3a;
  --paper: #f5f4f2;        /* warmes Off-White — Content-Hintergrund, aus Mack_Logo-07.svg */
  --paper-raised: #ffffff;
  --line: #ddd9d3;         /* Trennlinien, Kartenränder */
  --line-strong: #c7c2ba;

  /* ---- Bereichsfarben (Akzente) ----
     Jede Bereichsfarbe kommt in drei Abstufungen, alle rechnerisch gegen WCAG AA geprüft:
       -ink:  Textfarbe auf einer vollflächigen Akzentfläche (Buttons etc.)
       -text: für Fließtext/Icons auf HELLEM Grund (mind. 4.5:1 gegen Weiß)
       -tint: für Text auf DUNKLEM Grund, z. B. Hero/section--dark (mind. 4.5:1 gegen #1d1e1c)
     Bei Werkstatt/Autohandel/Biomasse ist -text dafür etwas nachgedunkelt, bei Orange (Verleih)
     deutlich (reines Orange hat auf Weiß nur ca. 2.2:1 Kontrast). -tint ist umgekehrt aufgehellt,
     außer bei Orange, das auf dunklem Grund von Haus aus gut lesbar ist (7.5:1). */
  --c-werkstatt: #232f5c;      /* Navy — Hauptlogo, aus Mack_Logo-06.svg */
  --c-werkstatt-ink: #ffffff;
  --c-werkstatt-text: #232f5c; /* = Rohton, 12.9:1 auf Weiß */
  --c-werkstatt-tint: #848ba4; /* aufgehellt, 4.9:1 auf #1d1e1c */

  --c-autohandel: #e52721;     /* Rot, aus Mack_Autohandel_rot.svg */
  --c-autohandel-ink: #ffffff;
  --c-autohandel-text: #dc2520; /* leicht nachgedunkelt, 4.85:1 auf Weiß */
  --c-autohandel-tint: #eb5954; /* aufgehellt, 4.84:1 auf #1d1e1c */

  --c-verleih: #f4992e;        /* Orange, aus Mack_Verleih_orange.svg */
  --c-verleih-ink: #1d1e1c;
  --c-verleih-text: #9f631e;   /* deutlich nachgedunkelt (Bernstein), 4.9:1 auf Weiß */
  --c-verleih-tint: #f4992e;   /* Rohton bereits 7.5:1 auf #1d1e1c */

  --c-biomasse: #548d57;       /* Grün, aus Mack_Biomasse_gruen.svg */
  --c-biomasse-ink: #ffffff;
  --c-biomasse-text: #4b7d4d;  /* leicht nachgedunkelt, 4.8:1 auf Weiß */
  --c-biomasse-tint: #629664;  /* aufgehellt, 4.84:1 auf #1d1e1c */

  /* aktiver Bereichsakzent — wird pro Seite über body-Klasse überschrieben */
  --accent: var(--c-werkstatt);
  --accent-ink: var(--c-werkstatt-ink);
  --accent-text: var(--c-werkstatt-text);
  --accent-tint: var(--c-werkstatt-tint);
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--paper));

  /* ---- Status ---- */
  --ok: #2f7a45;
  --error: #b3261e;
  --error-soft: #fbeceb;

  /* ---- Typografie ---- */
  /* Kräftige, leicht komprimierte Systemschrift für Überschriften.
     Selbst gehostete Webfonts können hier später ergänzt werden — siehe @font-face-Block unten. */
  --font-head: "Bahnschrift", "Segoe UI Semibold", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;

  --fs-900: clamp(2.5rem, 1.9rem + 2.4vw, 4rem);
  --fs-800: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --fs-700: clamp(1.6rem, 1.35rem + 1vw, 2.25rem);
  --fs-600: clamp(1.3rem, 1.15rem + 0.6vw, 1.6rem);
  --fs-500: 1.15rem;
  --fs-400: 1rem;
  --fs-300: 0.9rem;
  --fs-200: 0.8rem;

  --lh-tight: 1.15;
  --lh-normal: 1.5;
  --lh-loose: 1.7;

  /* ---- Abstände ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* ---- Layout ---- */
  --container-w: 1220px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --radius-sm: 3px;
  --radius-md: 6px;
  --header-h: 84px;
  --header-h-scrolled: 68px;

  /* ---- Effekte ---- */
  --shadow-sm: 0 1px 2px rgba(29, 30, 28, 0.08);
  --shadow-md: 0 8px 24px rgba(29, 30, 28, 0.12);
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 180ms;
}

/* Bereichs-Themes: schalten --accent (+ Text-/Tint-Varianten) pro Seite auf die Bereichsfarbe um */
body.theme-werkstatt {
  --accent: var(--c-werkstatt); --accent-ink: var(--c-werkstatt-ink);
  --accent-text: var(--c-werkstatt-text); --accent-tint: var(--c-werkstatt-tint);
}
body.theme-autohandel {
  --accent: var(--c-autohandel); --accent-ink: var(--c-autohandel-ink);
  --accent-text: var(--c-autohandel-text); --accent-tint: var(--c-autohandel-tint);
}
body.theme-verleih {
  --accent: var(--c-verleih); --accent-ink: var(--c-verleih-ink);
  --accent-text: var(--c-verleih-text); --accent-tint: var(--c-verleih-tint);
}
body.theme-biomasse {
  --accent: var(--c-biomasse); --accent-ink: var(--c-biomasse-ink);
  --accent-text: var(--c-biomasse-text); --accent-tint: var(--c-biomasse-tint);
}

@supports not (color: color-mix(in srgb, #fff 10%, #000)) {
  :root { --accent-soft: var(--paper-raised); }
}

/* ==========================================================================
   Selbst gehostete Webfonts (Platzhalter)
   Sobald lizenzierte Webfont-Dateien vorliegen: Dateien nach /assets/fonts/
   legen und die Blöcke unten aktivieren. Die Schrift-Stacks oben (--font-head /
   --font-body) greifen automatisch, sobald die Familiennamen übereinstimmen.
   ========================================================================== */
/*
@font-face {
  font-family: "Mack Head";
  src: url("/assets/fonts/mack-head.woff2") format("woff2");
  font-weight: 600 800;
  font-display: swap;
}
@font-face {
  font-family: "Mack Body";
  src: url("/assets/fonts/mack-body.woff2") format("woff2");
  font-weight: 400 600;
  font-display: swap;
}
*/