/* Color Mode Variablen */
:root {
  /* Light Mode (Standard) */
  --bs-body-color: #444444;
  --bs-body-bg: #fff;
  --bs-primary: #209ad2;
  --bs-primary-hover: #0f75a4;
  --bs-secondary: #012970;
  --bs-border-color: #ebeef4;
  --bs-card-bg: #fff;
  --bs-card-border: #ebeef4;
  --bs-header-bg: #fff;
  --bs-sidebar-bg: #fff;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border: #eaedf1;
  --bs-text-muted: #899bbd;
  --bs-link-color: #0a58ca;
  --bs-link-hover-color: #146ff3;
  --bs-database-tab: #d3d4d5;
  --bs-database-tab-hover: #f8f9fa;
  --bs-database-drag-active: #f8f9fa;

  /* Zusätzliche Farben */
  --bs-dark-blue: #012970;
  --bs-light-blue: #0c69f1;
  --bs-gray: #aab7cf;
  --bs-medium-blue: #209ad2;
  --bs-pale-blue: #cddfff;
  --bs-light-blue-2: #a5c5fe;
  --bs-light-blue-3: #9cc2fa;
  --bs-light-blue-4: #92bcfa;
  --bs-success: #2eca6a;
  --bs-success-light: #e0f8e9;
  --bs-warning: #ff771d;
  --bs-warning-light: #ffecdf;
  --bs-success-2: #18d26e;
  --bs-danger: #ed3c0d;
  --bs-dark-blue-2: #3e4f6f;

  /* Shadows */
  --bs-box-shadow-1: rgba(0, 0, 0, 0.1);
  --bs-box-shadow-offset-x-0: 0px;
  --bs-box-shadow-offset-y-0: 0px;
  --bs-box-shadow-offset-y-2: 2px;
  --bs-box-shadow-blur-20: 20px;
  --bs-box-shadow-blur-30: 30px;
  --bs-box-shadow-spread-0: 0px;

  /* App-spezifische Farben */
  --bs-app-green: #386423;
  --bs-app-mint: #b0cf94;
  --bs-app-yellow: #f9da78;
  --bs-app-bronze: #b8912f;
  --bs-app-brown: #7a401a;
}

[data-bs-theme='dark'] {
  --bs-body-color: #e9ecef;
  --bs-body-bg: #212529;
  --bs-primary: #209ad2;
  --bs-primary-hover: #0f75a4;
  --bs-secondary: #6c757d;
  --bs-border-color: #495057;
  --bs-card-bg: #2c3034;
  --bs-card-border: #495057;
  --bs-header-bg: #2c3034;
  --bs-sidebar-bg: #2c3034;
  --bs-dropdown-bg: #2c3034;
  --bs-dropdown-border: #495057;
  --bs-text-muted: #adb5bd;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-database-tab: #f8f9fa;
  --bs-database-tab-hover: #d3d4d5;

  /* Zusätzliche Farben */
  --bs-dark-blue: #209ad2;
  --bs-light-blue: #3b82f6;
  --bs-gray: #64748b;
  --bs-medium-blue: #209ad2;
  --bs-pale-blue: #1e293b;
  --bs-light-blue-2: #3b82f6;
  --bs-light-blue-3: #60a5fa;
  --bs-light-blue-4: #93c5fd;
  --bs-success: #22c55e;
  --bs-success-light: #064e3b;
  --bs-warning: #f59e0b;
  --bs-warning-light: #78350f;
  --bs-success-2: #16a34a;
  --bs-danger: #dc2626;
  --bs-dark-blue-2: #209ad2;
  --bs-database-drag-active: #2c3034;

  /* Shadows */
  --bs-box-shadow-1: rgba(0, 0, 0, 0.3);
  --bs-box-shadow-offset-x-0: 0px;
  --bs-box-shadow-offset-y-0: 0px;
  --bs-box-shadow-offset-y-2: 2px;
  --bs-box-shadow-blur-20: 20px;
  --bs-box-shadow-blur-30: 30px;
  --bs-box-shadow-spread-0: 0px;

  /* App-spezifische Farben */
  --bs-app-green: #166534;
  --bs-app-mint: #064e3b;
  --bs-app-yellow: #78350f;
  --bs-app-bronze: #92400e;
  --bs-app-brown: #7f1d1d;
}