:root {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --bs-primary: #14b8a6;
  --bs-primary-rgb: 20, 184, 166;
}

[data-bs-theme="dark"] {
  --bs-primary: #14b8a6;
  --bs-primary-rgb: 20, 184, 166;
  --bs-primary-text-emphasis: #7ee3d7;
  --bs-primary-bg-subtle: #062a26;
  --bs-primary-border-subtle: #0f7f73;
  --bs-link-color-rgb: 20, 184, 166;
  --bs-link-hover-color-rgb: 16, 149, 134;
}

.btn-primary {
  --bs-btn-bg: #14b8a6;
  --bs-btn-border-color: #14b8a6;
  --bs-btn-hover-bg: #11998a;
  --bs-btn-hover-border-color: #11998a;
  --bs-btn-active-bg: #0f7f73;
  --bs-btn-active-border-color: #0f7f73;
}

.btn-outline-primary {
  --bs-btn-color: #14b8a6;
  --bs-btn-border-color: #14b8a6;
  --bs-btn-hover-bg: #14b8a6;
  --bs-btn-hover-border-color: #14b8a6;
  --bs-btn-active-bg: #11998a;
  --bs-btn-active-border-color: #11998a;
}

.text-primary {
  color: #14b8a6 !important;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  line-height: 1.5;
  background-color: #121212;
  color: #e9ecef;
}

.site-header {
  padding-top: 1.25rem;
}

.site-header p {
  color: #adb5bd;
}

.site-header .nav-link {
  color: #14b8a6;
}

.site-header .nav-link:hover,
.site-header .nav-link:focus {
  color: #11998a;
}

.brand-logo {
  height: 64px;
  width: auto;
  display: block;
}

@media (max-width: 768px) {
  .brand-logo {
    height: 48px;
  }
}

.site-main {
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
}

.site-footer {
  padding-bottom: 1.5rem;
}

.text-muted-soft {
  opacity: 0.75;
}