/* KDS Tokens – RM Architektur · Grundfarbe Schwarz, monochrom-edel.
   Reskin-Schalter: nur diese Datei pro Kunde umstellen. */
:root{
  /* Akzent = Schwarz (statt WAFA-Blau). Dezent near-black für Feinheit. */
  --accent:#111111; --accent-d:#000000; --accent-l:#333333; --black:#000; --white:#fff;

  /* Neutrale Architektur-Palette auf weißem Canvas (Fotos im Vordergrund). */
  --ink:#111111;   /* Überschriften – Kontrast 16:1 auf Weiß */
  --text:#3a3a3a;  /* Fließtext     – Kontrast ~10:1 (AA ✓) */
  --muted:#6f6f6f; /* Meta          – Kontrast ~5:1 (AA ✓)  */
  --line:#e7e4df;  /* warme Haarlinie */
  --bg:#ffffff;    /* reiner weißer Hintergrund */
  --tint:#f5f3f0;  /* leicht warmer Sektions-Ton */

  /* Kopfleiste: schwarz (Wortmarke + Nav in Weiß). */
  --bar:#111111; --bar-line:rgba(255,255,255,.16);

  /* Footer: tiefes Schwarz. */
  --foot:#0f0f0f; --foot-text:rgba(255,255,255,.80); --foot-muted:rgba(255,255,255,.45);
  --foot-link:rgba(255,255,255,.70); --accent-foot:#ffffff;

  /* Typografie: DM Sans (Body) + EB Garamond (Display). */
  --font:'Hanken Grotesk',system-ui,Arial,sans-serif;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;

  --maxw:1200px; --gutter:clamp(18px,4vw,48px);
  /* Vertikaler Rhythmus – bewusst NICHT an vh gekoppelt (sonst staucht jeder
     Laptop alle Sektionen auf denselben Takt). Skala nach Gewicht: */
  --sec:clamp(88px,7vw,140px);      /* Standard-Sektion            */
  --sec-xl:clamp(120px,11vw,220px); /* Statement (Credo)           */
  --sec-lg:clamp(96px,8vw,156px);   /* tragende Sektion (Projekte) */
  --sec-sm:clamp(64px,5vw,104px);   /* funktional (FAQ)            */
  --ease:cubic-bezier(.22,.61,.36,1);
}