html[data-theme="light"] {
  --ifm-background-color: #ffffff;
  --ifm-navbar-background-color: #ffffff;
  --ifm-navbar-color: #000000;
}

html[data-theme="light"] body,
html[data-theme="light"] .navbar,
html[data-theme="light"] .main-wrapper {
  background-color: #ffffff !important;
}

html[data-theme="light"] footer {
  background-color: #f7f7f7 !important;
}

html[data-theme="dark"] {
  --ifm-background-color: #000000;
  --ifm-navbar-background-color: #000000;
  --ifm-navbar-color: #ffffff;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .main-wrapper {
  background-color: #000000 !important;
}

html[data-theme="dark"] .navbar__item,
html[data-theme="dark"] .navbar__title,
html[data-theme="dark"] .navbar__toggle {
  color: white !important;
}

html[data-theme="light"] footer {
  background-color: #f7f7f7 !important;
}

html[data-theme="light"] footer .container,
html[data-theme="light"] footer .footer__copyright {
  color: #000;
}

footer.footer--light .container a {
  color: #000;
  text-decoration: underline;
}

footer.footer--light .container a:hover {
  color: var(--ifm-color-primary);
}

html[data-theme="dark"] footer {
  background-color: #1c1e21 !important;
}

html[data-theme="dark"] footer .container,
html[data-theme="dark"] footer .footer__copyright {
  color: #fff;
}

:root {
  --ifm-color-primary: #007bff;
  --ifm-color-primary-dark: #0056b3;
  --ifm-color-primary-darker: #004085;
  --ifm-color-primary-darkest: #003366;
  --ifm-color-primary-light: #66b3ff;
  --ifm-color-primary-lighter: #99ccff;
  --ifm-color-primary-lightest: #cce0ff;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] {
  --ifm-color-primary: #00aaff;
  --ifm-color-primary-dark: #0088cc;
  --ifm-color-primary-darker: #0077aa;
  --ifm-color-primary-darkest: #006699;
  --ifm-color-primary-light: #66ccff;
  --ifm-color-primary-lighter: #99ccff;
  --ifm-color-primary-lightest: #cceeff;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0);
}
