/* ─── KA | DataX – Corporate Identity (Dark Mode) ────────────────────────────
   Markenfarben aus dem Logo:  Gelb #FFCC00 · Schwarz #000000 · Weiß #FFFFFF
   ZENTRALE Design-Datei – Änderungen hier wirken in der GESAMTEN App
   (alle Module/Views erben über das Layout). Keine Anpassung pro Ordner nötig.
   ──────────────────────────────────────────────────────────────────────────── */
:root {
  /* Markenakzent (Gelb) */
  --color-primary:        #FFCC00;   /* KA|DataX Gelb – Hauptakzent */
  --color-primary-light:  #FFD740;   /* Hover */
  --color-primary-dark:   #E6B800;   /* Active / gedrückt */
  --color-accent:         #FFCC00;   /* Alias */
  --color-accent-light:   #2A2A1E;   /* dezent gelbstichiges Dunkel (Hover-Flächen) */
  --color-on-accent:      #121212;   /* Textfarbe AUF gelben Flächen (dunkel) */

  /* Flächen / Hintergründe */
  --color-bg:             #121212;   /* Seiten-Hintergrund */
  --color-surface:        #1C1C1C;   /* Karten / Panels */
  --color-surface-2:      #262626;   /* Eingabefelder, verschachtelte Flächen */
  --color-navbar:         #000000;   /* Navbar – Schwarz wie im Logo */

  /* Text */
  --color-text:           #ECECEC;   /* Fließtext (fast weiß) */
  --color-text-muted:     #9AA0A6;   /* gedämpfter Text */
  --color-heading:        #FFFFFF;   /* Überschriften */

  /* Statusfarben (für Dark Mode aufgehellt) */
  --color-success:        #3DD68C;
  --color-success-bg:     rgba(61,214,140,.14);
  --color-danger:         #FF6B6B;
  --color-danger-bg:      rgba(255,107,107,.14);
  --color-warning:        #FFB020;
  --color-warning-bg:     rgba(255,176,32,.14);
  --color-info:           #FFCC00;
  --color-info-bg:        rgba(255,204,0,.14);

  /* Linien / Rahmen */
  --color-border:         #333333;
  --color-border-strong:  #444444;

  /* Typografie & Form */
  --font-primary:         'Inter', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --border-radius:        8px;
  --shadow-card:          0 2px 4px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.35);
  --navbar-height:        56px;
}

/* ─── Heller Modus (Arbeitsbereich) – Kopfzeile bleibt im CI (schwarz/gelb) ─── */
:root[data-theme="light"] {
  --color-bg:             #F4F5F7;
  --color-surface:        #FFFFFF;
  --color-surface-2:      #FFFFFF;
  --color-accent-light:   #FFF8E1;
  --color-text:           #1F2937;
  --color-text-muted:     #6B7280;
  --color-heading:        #111827;
  --color-border:         #E5E7EB;
  --color-border-strong:  #D1D5DB;
  --color-success:        #1E9E5A;
  --color-danger:         #DC2626;
  --color-warning:        #B7791F;
  --shadow-card:          0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
}