/* Custom Dynalinks styles to match landing page colors */

/* Primary color - matches landing page button (#0D6EFD) */
:root {
  --color-primary: #0d6efd;
  --color-primary-dark: #0b5ed7;
}

/* Links */
a {
  color: #0d6efd;
}

a:hover {
  color: #0b5ed7;
}

/* Primary buttons */
.btn-primary,
.btn {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-primary:hover,
.btn:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}

.btn-primary:focus,
.btn:focus {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Search input focus */
.search-input:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Sidebar active navigation items */
.sidebar-nav a.active,
.nav-list .nav-item a.active {
  color: #0d6efd;
  font-weight: 600;
}

/* Labels and badges */
.label,
.badge {
  background-color: #0d6efd;
}

/* Code blocks - match landing page aesthetic */
code {
  background-color: #f5f5f5;
}

pre {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
}

/* Sidebar header: show logo with text */
.site-header .site-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.site-header .site-title .site-logo {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.site-header .site-title::after {
  content: "Dynalinks";
  font-weight: 600;
  color: inherit;
  margin-left: 0.2rem;
}