/* NaraLabs docs theme — active: text only; background on hover */
:root {
  --nextra-primary-hue: 0deg;
  --nextra-primary-saturation: 0%;
  --nextra-primary-lightness: 35%;
  --nextra-bg: 250, 250, 250;
  --nextra-content-width: 90rem;
  --nextra-active-hover-bg: #f5f5f5;
}

html {
  background: rgb(var(--nextra-bg));
}

/* Hide Nextra active pill by default */
.nextra-sidebar,
.nextra-mobile-nav,
.nextra-toc {
  --x-color-primary-100: transparent;
}

.nextra-sidebar li.active > a,
.nextra-sidebar li.active > button,
.nextra-mobile-nav li.active > a,
.nextra-mobile-nav li.active > button,
.nextra-sidebar a.x\:bg-primary-100,
.nextra-sidebar button.x\:bg-primary-100,
.nextra-mobile-nav a.x\:bg-primary-100,
.nextra-mobile-nav button.x\:bg-primary-100,
.nextra-toc a.x\:bg-primary-100 {
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  color: #0a0a0a !important;
  font-weight: 600;
}

/* Active item: show grey pill only on hover */
.nextra-sidebar li.active > a:hover,
.nextra-sidebar li.active > button:hover,
.nextra-mobile-nav li.active > a:hover,
.nextra-mobile-nav li.active > button:hover,
.nextra-sidebar a.x\:bg-primary-100:hover,
.nextra-sidebar button.x\:bg-primary-100:hover,
.nextra-mobile-nav a.x\:bg-primary-100:hover,
.nextra-mobile-nav button.x\:bg-primary-100:hover,
.nextra-toc a.x\:bg-primary-100:hover {
  background-color: var(--nextra-active-hover-bg) !important;
  color: #0a0a0a !important;
}

.nextra-navbar a[data-active="true"] {
  color: #0a0a0a;
  font-weight: 600;
}

.nextra-navbar a[data-active="true"]:hover {
  background-color: var(--nextra-active-hover-bg);
  border-radius: 0.375rem;
}