:root {
  /* Light theme – basierend auf vorgegebenen Farben */

  /* Background */
  --bg-primary: #f4f6f9;
  --bg-secondary: #ffffff;

  /* Text */
  --text-primary: #333333;
  --text-secondary: #555555;
  --text-disabled: #888888;

  /* Accent / Primary */
  --primary: #1e3d59;
  --primary-dark: #183147;
  --primary-light: #e6e6e6;

  /* Cards */
  --card-bg: #ffffff;
  --card-title: #333333;
  --card-text: #555555;

  /* Navigation / Footer */
  --navbar-bg: #1e3d59;
  --navbar-text: #e6e6e6;
  --navbar-link: #dbe4ec;
  --navbar-link-hover: #285074;
  --footer-bg: #1e3d59;

  /* Borders & shadows */
  --border: #dcdfe4;
  --shadow-light: rgba(0, 0, 0, 0.08);

  /* Feedback */
  --success: #198754;
  --warning: #ffbd39;
  --error: #dc3545;
}

/* Dark theme – gleiche Akzentfarben, dunkle Basis */
body.dark-theme {
  --bg-primary: #0f1f2e;
  --bg-secondary: #162b40;

  --text-primary: #e6e9ed;
  --text-secondary: #b8c0c8;
  --text-disabled: #7a8591;

  --primary: #1e3d59;
  --primary-dark: #183147;
  --primary-light: rgba(255, 189, 57, 0.2);

  --card-bg: #162b40;
  --card-title: #e6e9ed;
  --card-text: #b8c0c8;

  --navbar-bg: #0b1723;
  --navbar-text: #e6e9ed;
  --navbar-link: #b8c0c8;
  --navbar-link-hover: #285074;
  --footer-bg: #0b1723;

  --border: #22384f;
  --shadow-light: rgba(0, 0, 0, 0.25);
}