:root,
[data-bs-theme="light"] {
  --ukudla-green: #3b8b47;
  --ukudla-blue: #293c87;
  --ukudla-red: #a41c22;
  --ukudla-yellow: #efc62c;

  --bs-primary: var(--ukudla-green);
  --bs-primary-rgb: 59, 139, 71;

  --bs-secondary: var(--ukudla-blue);
  --bs-secondary-rgb: 41, 60, 135;

  --bs-success: var(--ukudla-yellow);
  --bs-success-rgb: 239, 198, 44;

  --bs-warning: var(--ukudla-red);
  --bs-warning-rgb: 164, 28, 34;

  --bs-link-color: var(--ukudla-blue);
  --bs-link-hover-color: var(--ukudla-green);
}

[data-bs-theme="dark"] {
  --bs-body-bg: #121212;
  --bs-body-color: #e9ecef;

  --bs-primary: var(--ukudla-green);
  --bs-primary-rgb: 59, 139, 71;

  --bs-secondary: var(--ukudla-blue);
  --bs-secondary-rgb: 41, 60, 135;

  --bs-success: var(--ukudla-yellow);
  --bs-success-rgb: 239, 198, 44;

  --bs-warning: var(--ukudla-red);
  --bs-warning-rgb: 164, 28, 34;

  --bs-link-color: #7fb7ff;
  --bs-link-hover-color: #efc62c;
}

/* ---------- */
/* logo */

#top-logo {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#top-logo img {
  height: 150px;
}

/* ---------- */
/* some on-site navigation buttons */

#back-to-start {
  position: fixed;
  top: 250px;
  right: 20px;
  z-index: 1000;
  display: none;
}

#back-to-subject {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

#back-to-outline {
  position: fixed;
  top: 70px;
  right: 20px;
  z-index: 1000;
}

/* ---------- */
/* navbar */

.navbar {
  background-color: var(--ukudla-green) !important;
}

.nav-link,
.navbar .btn {
  color: white !important;
}

.nav-link:hover {
  color: var(--ukudla-yellow) !important;
}

/* ---------- */
/* button */

.btn-primary {
  background-color: var(--ukudla-green);
  border-color: var(--ukudla-green);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--ukudla-blue) !important;
  border-color: var(--ukudla-blue) !important;
}

.btn-outline-primary {
  color: var(--ukudla-green);
  border-color: var(--ukudla-green);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--ukudla-green) !important;
  border-color: var(--ukudla-green) !important;
  color: white !important;
}

.btn-secondary {
  background-color: var(--ukudla-blue);
  border-color: var(--ukudla-blue);
}

.btn-warning {
  background-color: var(--ukudla-yellow);
  border-color: var(--ukudla-yellow);
  color: #000;
}

.btn-danger {
  background-color: var(--ukudla-red);
  border-color: var(--ukudla-red);
}

/* ---------- */
/* links */

a:not(.btn):not(.nav-link):not(.navbar-brand) {
  color: var(--bs-link-color);
  text-decoration: none;
  transition:
    color 0.2s ease,
    text-decoration-color 0.2s ease;
}

a:not(.btn):not(.nav-link):not(.navbar-brand):hover,
a:not(.btn):not(.nav-link):not(.navbar-brand):focus {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

a:not(.btn):not(.nav-link):not(.navbar-brand):visited {
  color: var(--bs-link-color);
}


#markdown-content {
  min-height: 400px;
}



#university-logos {
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}

#university-logos img {
  height: 100px;
}

#sponsor-logos {
  margin-top: 10px;
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}

#sponsor-logos img {
  height: 100px;
}