/* ============================================================
   pd+ / profilsys — Design-Tokens (Prompt 8A, 2026-07-18)
   ------------------------------------------------------------
   Namenskonvention gemäß Prompt 8A: --color-brand / -dark / -light statt
   des bisherigen --color-accent* (Phase 7B) — DERSELBE, bereits verifizierte
   Grünton, nur mit den jetzt vorgeschriebenen Token-Namen. Keine neue
   Farbherleitung nötig; vollständige Herleitung/Quellen/Kontrastnachweise
   unverändert in docs/phase7b-green-anchor-fix-report.md + brand-ui-guideline.md:

     1) Offizielles profilsys-Logo (2023er-Version, https://www.profilsys.de/
        images/Home/neu/LOGO2023_tranzp.png) - Pixel-Sampling der Wortmarke
        "profilsys" + "X"-Zeichen: konsistent RGB(189,207,18)/RGB(189,208,17).
     2) Live profilsys.de-Website (Joomla-Theme-CSS): dort codierter
        UI-Akzent ist #C3D608 (u. a. .uk-panel-box-primary, aktiver
        Navigations-Zustand) - exakt dieselbe Farbfamilie wie das Logo.
     => Finaler Wert: #C3D608. Das rohe Grün hat auf Weiß nur 1,6:1 Kontrast
        (helles Lime-Gelbgrün) - für Text/Links/Fokus auf hellem Grund wird
        daher konsequent --color-brand-dark (5,8:1, AA) verwendet.
   ============================================================ */

:root {
  /* ---------- Markenfarbe: profilsys-Grün (einziger Akzent) ---------- */
  --color-brand:       #c3d608; /* RGB(195,214,8) · HSL(65.5°,92.8%,43.5%) - verifiziert, s. o. */
  --color-brand-dark:  #616b04; /* AA-Textvariante (5,8:1 auf Weiß) - Links, Fokus, Kleintext,
                                    Icons/Rahmen auf hellem Grund - selbe Farbfamilie, nur dunkler */
  --color-brand-light: #deeb78; /* Helle Variante für dunkle Flächen (13,5:1 auf Anthrazit) */
  --color-brand-hover: #9faf06; /* Button-Hover: dezent abgedunkelt, bleibt satt/lebendig
                                    (nur fuer Flaechen mit dunklem Text, NICHT fuer Text selbst -
                                    erreicht auf Weiss nur 2,4:1) */
  --color-brand-soft:  #f2fae3; /* Helle Tönung für Badges/weiche Flächen - identisch mit dem
                                    Alert-Hintergrund der echten profilsys.de-Seite
                                    (".uk-alert-success{background:#f2fae3}") */

  /* Neutrale (unverändert aus Phase 7 - bereits dunkles Anthrazit /
     helle, ruhige Flächen, wie gefordert) */
  --color-text:        #1b1a18;
  --color-text-muted:  #6b6862; /* 5,6:1 auf Weiß */
  --color-background:  #f7f6f3;
  --color-surface:      #ffffff;
  --color-border:       #dcd9d1;

  /* Semantische Farben - unverändert aus Phase 7. Erfolgsmeldung bewusst
     NICHT im selben Grünton wie die Markenfarbe (sonst nicht von der
     CTA-Farbe unterscheidbar) - eigenständiges, klar als "Erfolg"
     lesbares Grün. */
  --color-success: #1e7d4a; /* 5,1:1 auf Weiß */
  --color-warning: #b45f06; /* 4,6:1 auf Weiß, aktuell ungenutzt */
  --color-error:   #7a2318; /* 10,1:1 auf Weiß */
  --color-focus:   #616b04; /* = --color-brand-dark, für Fokusringe auf hellem Grund;
                                auf dunklen Flächen wird --color-brand-light verwendet */

  /* ---------- Premium-Industrial-Erweiterung (Prompt 8B.4) ----------
     Zusaetzliche Tokens fuer das futuristische Redesign. Die bestehenden Namen
     (color-brand, color-text, color-border, jeweils mit Suffixen) bleiben
     unveraendert primaer - die folgenden sind ADDITIV (keine bestehende
     Verwendung umbenannt), damit alle ~40 vorhandenen var(--pd-*)-Referenzen
     in screen.css unangetastet weiterfunktionieren. */
  --color-brand-bright: #d4e832; /* helle, leicht angehobene Akzent-Stufe fuer Glow/Leuchteffekte auf sehr dunklem Grund - eigene Stufe, NICHT mit --color-brand-light (13,5:1-Textvariante) verwechseln */

  /* Dunkle Flaechen - drei Stufen fuer kontrollierte Tiefe statt eines einzigen Schwarz */
  --color-bg-dark:  #14181a;  /* Premium-Anthrazit fuer dunkle Sektionen (Hero, Plattform, CTA-Baender) */
  --color-bg-deep:  #0a0d0e;  /* Fast-Schwarz fuer technische/Architektur-Sektionen mit staerkstem Kontrast */
  --color-bg-light: #f7f6f3;  /* = --color-background, hier unter neuem Namen fuer Komponenten-Konsistenz */
  --color-surface-dark: #1d2225; /* Karten/Panels auf dunklem Grund */
  --color-surface-light: #ffffff; /* = --color-surface */
  --color-text-on-dark:  #f3f4f1; /* Haupttext auf dunklen Flaechen (nicht reines Weiss - ruhiger) */
  --color-text-on-light: #1b1a18; /* = --color-text */
  --color-border-dark:  rgba(255,255,255,.12); /* 1px-Rahmen auf dunklem Grund */
  --color-border-light: #dcd9d1; /* = --color-border */
  --color-glow: rgba(195,214,8,.35); /* dezenter gruener Leuchteffekt (box-shadow/radial-gradient), sparsam einsetzen */

  /* Radius/Abstand/Schatten/Transition - kontrolliert, keine riesigen Rundungen */
  --radius-small: 6px;
  --radius-medium: 12px;
  --space-section: clamp(3.5rem, 2.4rem + 5.5vw, 7rem);
  --content-width: 1240px;
  --shadow-soft: 0 1px 2px rgba(10,13,14,.32), 0 12px 32px rgba(10,13,14,.28);
  --transition-fast: 160ms ease;
  --transition-normal: 260ms ease;
}