:root {
  --reservation-orange-bg: #ffddad;
  --reservation-blue-bg: #ebeef5;
  --reservation-green-bg: #d1eed1;
  --reservation-pink-bg: #fddfde;
  --reservation-yellow-bg: #fffbce;
}

tr.orange-background td,
tr.orange-background th {
  background-color: var(--reservation-orange-bg) !important;
}

tr.blue-background td,
tr.blue-background th {
  background-color: var(--reservation-blue-bg) !important;
}

tr.green-background td,
tr.green-background th {
  background-color: var(--reservation-green-bg) !important;
}

tr.pink-background td,
tr.pink-background th {
  background-color: var(--reservation-pink-bg) !important;
}

tr.yellow-background td,
tr.yellow-background th {
  background-color: var(--reservation-yellow-bg) !important;
}

html[data-theme="dark"] {
  --reservation-orange-bg: #5f4222;
  --reservation-blue-bg: #24384d;
  --reservation-green-bg: #244b31;
  --reservation-pink-bg: #5a2f39;
  --reservation-yellow-bg: #60541e;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] {
    --reservation-orange-bg: #5f4222;
    --reservation-blue-bg: #24384d;
    --reservation-green-bg: #244b31;
    --reservation-pink-bg: #5a2f39;
    --reservation-yellow-bg: #60541e;
  }
}