/* dark-theme.css */

.dark-theme {
  --color: #eee;
  --color-bg: #121212;
  --color-link: #93adfb;
  --color-shadow: rgba(245, 245, 245, 0.5);
  --bs-btn-color: #93adfb;
    --bs-btn-border-color: #93adfb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #93adfb;
    --bs-btn-hover-border-color: #93adfb;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #93adfb;
    --bs-btn-active-border-color: #93adfb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #93adfb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #93adfb;
    --bs-gradient: none;
}

.light-theme {
  --color: #121212;
  --color-bg: #c9e0f2;
  --color-link: #4b48f4;
  --color-shadow: rgba(0, 0, 0, 0.8);
  --bs-btn-color: #4b48f4;
    --bs-btn-border-color: #4b48f4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4b48f4;
    --bs-btn-hover-border-color: #4b48f4;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4b48f4;
    --bs-btn-active-border-color: #4b48f4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #4b48f4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4b48f4;
    --bs-gradient: none;
}
.navbar-brand {
  color: #4b48f4;
  font-weight: bold;
  /* font-size: 1.5rem; */
}
/* .btn-outline-success {
    --bs-btn-color: #93adfb;
    --bs-btn-border-color: #93adfb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #93adfb;
    --bs-btn-hover-border-color: #93adfb;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #93adfb;
    --bs-btn-active-border-color: #93adfb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #93adfb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #93adfb;
    --bs-gradient: none;
} */

.btn-light {
  background-color: var(--color-link);
  color: var(--color-bg);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 10px var(--color-shadow);
  
}

body {
  color: var(--color);
  background: var(--color-bg);
}

body a {
  color: var(--color-link);
}

.navigation {
    background-color: white;
    padding: 10px;
    margin: 10px 0 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(245, 245, 245, 0.5);
}

#namedays-today {
    padding-bottom: 20px;
}

.btn-toggle {
  margin-top: 10px;
  margin-bottom: 20px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 10px var(--color-shadow);

  .switch-light, .switch-dark {
    display: none;
  }
}

.light-theme .btn-toggle .switch-dark {
  display: inline;
}

.dark-theme .btn-toggle .switch-light {
  display: inline;
}

.forest img {
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(245, 245, 245, 0.5);
}