:root {
  --theme-color: #7ed957;
  --theme-color-hover: #6bc846;
}

body {
  padding-top: 76px; /* Offset for fixed-top header */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}

/* Theme Utilities */
.theme-text {
  color: var(--theme-color) !important;
}

.theme-bg {
  background-color: var(--theme-color) !important;
}

.theme-btn {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  transition: all 0.3s ease;
}

.theme-btn:hover {
  background-color: var(--theme-color-hover);
  border-color: var(--theme-color-hover);
  color: white !important;
}

/* Navbar Customizations */
.navbar-brand img {
  object-fit: contain;
}

.nav-link {
  font-weight: 500;
  transition: color 0.2s;
  color: #333;
}

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

/* Offcanvas Customizations */
.offcanvas-top {
  height: 100vh !important;
}

/* Remove focus outline from toggler */
.navbar-toggler:focus {
  box-shadow: none;
}

/* Breadcrumb logic */
main[data-page="/"] .breadcrumb-container,
main[data-page="404"] .breadcrumb-container {
  display: none !important;
}