:root{
  /* ==========================================
     DARK THEME - Helle Schriften auf dunklem Hintergrund
     WICHTIG: Bei Dark Design IMMER helle Schriften verwenden!
     ========================================== */
  
  /* Grundfarben (Dark Theme) */
  --color-bg: #0b0d10;
  --color-bg-light: #f8f9fa;
  --color-surface: #12161b;
  --color-primary: #39b54a;
  --color-primary-dark: #1B5E20;
  
  /* Textfarben - HELL für Dark Theme (Lesbarkeit!) */
  --color-text: #e6e9ef;                /* Primärer Text - sehr hell */
  --color-text-secondary: #b8c1cc;     /* Sekundärer Text - hell (nicht #555!) */
  --color-text-muted: #8a96a3;         /* Gedämpfter Text - mittel-hell */
  --color-muted: #9aa4b2;

  /* Navigation/Header/Footer Farben (müssen identisch sein) */
  --color-background: #0b0d10;
  --color-background-nav: #121212; /* Header Hintergrundfarbe */
  --color-background-secondary: #12161b;
  --color-background-hover: #1a1f24;
  --color-text-primary: #e6e9ef;
  --color-accent: #39b54a;
  --color-border: #2a2f36;

  /* Messages - Helle Texte für Dark Theme */
  --color-success: #2E7D32;
  --color-success-text: #b7f7cd;        /* Hell für Dark Theme */
  --color-success-bg: #b7f7cd1a;        /* Transparentes Grün */
  --color-error: #DC3545;
  --color-error-text: #ffccaa;          /* Hell für Dark Theme */
  --color-error-bg: #ffcc991a;          /* Transparentes Orange */
  --color-warning: #F39C12;
  --color-warning-text: #ffd89b;        /* Hell für Dark Theme */
  --color-warning-bg: #fff3cd1a;        /* Transparentes Gelb */
  --color-info: #1976D2;
  --color-info-text: #a8d5ff;           /* Hell für Dark Theme */
  --color-info-bg: #e3f2fd1a;           /* Transparentes Blau */

  /* Buttons */
  --color-button-bg: #2a2f36;
  --color-button-bg-hover: #353b44;
  --color-button-text: #e6e9ef;
  --color-danger-bg: #8b5a2b;
  --color-danger-bg-hover: #a56633;
  --color-danger-text: #ffffff;
}