/* ============================================================
   DPR Design-Tokens – 1:1 aus STYLEGUIDE-WEBSITE-DPR.md §2
   Nicht frei interpretieren. Änderungen nur hier.
   ============================================================ */
:root{
  /* Flächen / Struktur */
  --bg:#f4f6f9;
  --panel:#ffffff;
  --border:#e4e8ef;
  --border-strong:#d3d9e3;

  /* Markenfarbe DPR-Grün */
  --brand:#0a9d68;        /* Flächen mit weißer Schrift (WCAG AA) */
  --brand-2:#0dd18c;      /* Signaturgrün: Akzente, Hover, Ränder */
  --brand-soft:#e2f7ee;
  --accent:#0dd18c;
  --accent-dark:#0a9d68;
  --accent-soft:#e2f7ee;

  /* Text */
  --ink:#0f172a;
  --ink-2:#475569;
  --ink-4:#94a3b8;

  /* Status */
  --ok:#0f7b52;   --ok-soft:#e2f3ea;
  --warn:#a16207; --warn-soft:#fef4dd;
  --err:#b42318;  --err-soft:#fde8e6;
  --info:#1e5b8f; --info-soft:#e4eff8;

  /* Footer */
  --footer-bg:#101418;
  --footer-accent:#0dd18c;

  /* Schatten */
  --shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 12px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --shadow-lg:0 20px 60px rgba(15,23,42,.18);

  /* Radien */
  --radius:14px;
  --radius-sm:9px;
  --radius-pill:999px;

  /* Layout */
  --maxw:1200px;
  --header-h:72px;

  /* Abgeleitet (kontraststarker Verlauf für Flächen mit weißem Text) */
  --brand-dark:#087a51;
  --grad-brand:linear-gradient(135deg,#0dd18c,#0a9d68);          /* Akzent-/Deko-Flächen ohne Text */
  --grad-brand-text:linear-gradient(135deg,#0a9d68,#087a51);     /* Flächen MIT weißem Text (AA) */

  /* Typografie */
  --font-body:"Segoe UI",-apple-system,Roboto,Arial,sans-serif;
  --font-head:"IBM Plex Sans","Segoe UI",-apple-system,Roboto,Arial,sans-serif;
  --font-mono:"IBM Plex Mono",Consolas,monospace;
}