:root, [data-bs-theme=light] {
  /* Brand */
  --bs-primary:                 #008898;
  --bs-primary-rgb:             0,136,152;
  --bs-primary-text-emphasis:   #00363D;
  --bs-primary-bg-subtle:       #CCE7EA;
  --bs-primary-border-subtle:   #99CFD6;

  --bs-secondary:               #A43C30;
  --bs-secondary-rgb:           164,60,48;
  --bs-secondary-text-emphasis: #421813;
  --bs-secondary-bg-subtle:     #EDD8D6;
  --bs-secondary-border-subtle: #DBB1AC;

  /* Semantik */
  --bs-warning:                 #F4BC3B;
  --bs-warning-rgb:             244,188,59;
  --bs-warning-text-emphasis:   #624B17;
  --bs-warning-bg-subtle:       #FDF2D8;
  --bs-warning-border-subtle:   #FBE5B1;

  --bs-info:                    #7EB6B0;
  --bs-info-rgb:                126,182,176;
  --bs-info-text-emphasis:      #324946;
  --bs-info-bg-subtle:          #E5F0EF;
  --bs-info-border-subtle:      #CBE2DF;

  /* Text */
  --bs-body-color:              #585D5E;
  --bs-body-color-rgb:          88,93,94;
  --bs-heading-color:           #044A52;
  --bs-emphasis-color:          #044A52;
  --bs-emphasis-color-rgb:      4,74,82;

  --bs-body-font-family:        Lato, sans-serif;
}

.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #008898;
  --bs-btn-border-color: #008898;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #269AA7;
  --bs-btn-hover-border-color: #1994A2;
  --bs-btn-focus-shadow-rgb: 0,136,152;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #33A0AD;
  --bs-btn-active-border-color: #1994A2;
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #008898;
  --bs-btn-disabled-border-color: #008898;
}

.btn-outline-primary {
  --bs-btn-color: #008898;
  --bs-btn-border-color: #008898;
  --bs-btn-focus-shadow-rgb: 0,136,152;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #008898;
  --bs-btn-hover-border-color: #008898;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #008898;
  --bs-btn-active-border-color: #008898;
  --bs-btn-disabled-color: #008898;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #008898;
}

.btn-secondary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #A43C30;
  --bs-btn-border-color: #A43C30;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #8B3329;
  --bs-btn-hover-border-color: #833026;
  --bs-btn-focus-shadow-rgb: 164,60,48;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #833026;
  --bs-btn-active-border-color: #7B2D24;
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #A43C30;
  --bs-btn-disabled-border-color: #A43C30;
}

.btn-outline-secondary {
  --bs-btn-color: #A43C30;
  --bs-btn-border-color: #A43C30;
  --bs-btn-focus-shadow-rgb: 164,60,48;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #A43C30;
  --bs-btn-hover-border-color: #A43C30;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #A43C30;
  --bs-btn-active-border-color: #A43C30;
  --bs-btn-disabled-color: #A43C30;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #A43C30;
}

/* Tabellen sollen Body-Color verwenden, nicht Emphasis-Color (Heading-Teal).
   Bootstrap 5.3 mappt --bs-table-color per Default auf --bs-emphasis-color,
   was bei unserem Override (#044A52) optisch wie eine Überschrift wirkt. */
.table {
  --bs-table-color: var(--bs-body-color);
}