@import 'tailwindcss';

@variant dark (&:where(.dark *));

.dark body {
  background: var(--bg-color-dark);
}

.dark a {
  @apply text-neutral-200;
}

.dark .invert {
  filter: invert(1);
}

.dark button {
  @apply border-neutral-600;
  background: var(--bg-color-dark);
}

.dark button:hover {
  background: var(--bg-color-dark);
}

.dark pre {
  @apply border-neutral-600;
  background-color: #1c1c1c !important;
}

.dark code {
  @apply border-neutral-600;
}
.dark .h3__separator {
  @apply border-b border-neutral-600;
}

.dark
  .x\:bg-gray-100.x\:pb-\[env\(safe-area-inset-bottom\)\].x\:dark\:bg-neutral-900.x\:print\:bg-transparent {
  background: var(--bg-color-dark);
}

.dark .nextra-sidebar ul > li a:hover {
  @apply bg-neutral-700 transition duration-300 ease-in-out;
}

.dark .nextra-mobile-nav {
  @apply text-neutral-300;
  background: var(--bg-color-dark);
}

.dark .nextra-filetree {
  @apply border-neutral-600;
  background: var(--bg-color-dark);
}

.dark .tabs {
  @apply border-neutral-600;
  background: var(--bg-color-dark);
}

.dark .nextra-callout {
  @apply bg-neutral-800 border-neutral-600 text-neutral-200 text-sm;
}

.dark .nextra-sidebar button {
  @apply font-bold text-neutral-200;
}

.dark .nextra-sidebar ul > li a {
  @apply text-neutral-200;
}

.dark .nextra-sidebar button:hover {
  @apply text-white transition duration-300 ease-in-out;
}

.dark .x\:text-base {
  @apply text-white;
}

.dark mark {
  @apply text-blue-500 font-bold;
}

.dark .nextra-breadcrumb__item:hover {
  @apply text-neutral-300;
}

.dark .nextra-breadcrumb__item--active {
  @apply text-blue-500;
}

.dark .nextra-breadcrumb__item--inactive {
  @apply text-gray-300;
}

.dark .nextra-breadcrumb__item--active:hover {
  @apply text-neutral-100;
}

.dark .nextra-breadcrumb__link {
  @apply text-white;
}

.dark .nextra-breadcrumb__link--active {
  @apply text-neutral-300 underline underline-offset-4;
}

.dark .pagination__link:hover {
  @apply text-neutral-300;
}

.dark .pagination__link--prev {
  @apply text-gray-300;
}

.dark .pagination__link--prev:hover {
  @apply text-white;
}

.dark .pagination__link--next {
  @apply text-blue-500;
}

.dark .pagination__link--next:hover {
  @apply text-blue-700;
}

.dark .nextra-search input {
  @apply border-neutral-600;
  background: var(--bg-color-dark);
}

.dark .contract-base-info {
  background: var(--bg-color-dark);
}

.dark .contract-base-info__description {
  background: var(--bg-color-dark);
}

.dark .accordion-item {
  background: var(--bg-color-dark);
}

.dark .button {
  background: var(--bg-color-dark);
}

.dark button:hover {
  @apply bg-neutral-700;
}

.dark .card {
  background: var(--bg-color-dark);
}

.dark input {
  background: var(--bg-color-dark);
}

.dark badge {
  background: var(--bg-color-dark);
}
