/* nym.com-aligned colour tokens */
:root {
  --colorPrimary: #85E89D;
  --textPrimary: #FFFFFF;
  --bg-dark: #1E2426;
  --border-dark: #2E3538;
}

/* dark mode background override */
html.dark {
  background-color: var(--bg-dark);
}

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

/* nextra main content area bg */
html.dark .nextra-nav-container,
html.dark .nextra-sidebar-container,
html.dark .nextra-content,
html.dark .nx-bg-white,
html.dark .dark\:nx-bg-dark {
  background-color: var(--bg-dark) !important;
}

footer {
  text-align: center;
}

.nextra-code-block > pre {
  /* max-height: 350px !important; */
  max-height: none !important;
  scroll-y: auto !important;
}

/* set width entire div */
.nx-mx-auto.nx-flex.nx-max-w-\[90rem\] {
  max-width: 110rem;
  left-padding: 1%;
}

.nextra-toc {
  width: 10px !important;
  padding-right: 0px;
  padding-left: 0px;
  /* text-align: right; */
  border-left: 1px solid var(--border-dark);
}

.nextra-content {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

:is(html[class~="dark"] .dark\:nx-bg-primary-300\/10) {
  background-color: hsl(var(black) 100% 77%/0.1) !important;
}

/* Sidebar active item */
:is(html .dark\:nx-bg-primary-400\/10) {
  background: transparent !important;
  border-left: 2px solid #85E89D;
  color: #FFFFFF !important;
}

:is(html:not(.dark) .dark\:nx-bg-primary-400\/10) {
  background: transparent !important;
  border-left: 2px solid #4A9E5C;
  color: #242B2D !important;
}

.nextra-sidebar-container {
  border-right: 1px solid var(--border-dark);
  width: 300px !important;
}

.nextra-sidebar {
  column-width: 500px;
}

/* Links*/
.nx-text-primary-600.nx-underline.nx-decoration-from-font {
  color: var(--colorPrimary) !important;
}

.MuiTypography-root.MuiTypography-inherit.MuiLink-root.MuiLink-underlineAlways.css-1xr3c94-MuiTypography-root-MuiLink-root {
  color: var(--colorPrimary) !important;
}

/* Chips*/
.chipContained {
  background-color: var(--colorPrimary) !important;
}

/* Buttons */
.MuiButton-root {
  color: var(--colorPrimary) !important;
  border-color: var(--colorPrimary) !important;
}

.MuiButton-root:hover {
  color: white !important;
  background-color: var(--colorPrimary) !important;
}

.MuiCircularProgress-root {
  color: var(--colorPrimary) !important;
}

.nextra-scrollbar.nx-sticky {
  color: var(--colorPrimary) !important;
}

.nx-text-primary-600 {
  color: var(--colorPrimary) !important;
}

input:focus-visible {
  --tw-ring-shadow: var(--colorPrimary) !important;
}

.Mui-focused > fieldset {
  border-color: var(--colorPrimary) !important;
}

a.MuiLink-root {
  color: var(--colorPrimary) !important;
}

.MuiPaper-root.MuiAccordion-root {
  border-radius: 8px;
}