/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #26150c;
  --ifm-color-primary-dark: #26150c;
  --ifm-color-primary-darker: #26150c;
  --ifm-color-primary-darkest: #26150c;
  --ifm-color-primary-light: #26150c;
  --ifm-color-primary-lighter: #26150c;
  --ifm-color-primary-lightest: #26150c;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-color-secondary: #FF9965;
  --ifm-color-white: #ffffff;
  --ifm-link-color: #252525;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #ffffff;
  --ifm-color-primary-dark: #ffffff;
  --ifm-color-primary-darker: #ffffff;
  --ifm-color-primary-darkest: #ffffff;
  --ifm-color-primary-light: #ffffff;
  --ifm-color-primary-lighter: #ffffff;
  --ifm-color-primary-lightest: #ffffff;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  --ifm-color-secondary: #FF9965;
}

.footer--dark {
  --ifm-footer-background-color: #333333;
  --ifm-footer-color: var(--ifm-footer-link-color);
  --ifm-footer-link-color: var(--ifm-color-white);
  --ifm-footer-link-hover-color: var(--ifm-color-secondary);
  --ifm-footer-title-color: var(--ifm-color-white);
}

.navbar {
  background-color: #27150C;
  color: var(--ifm-color-white);
}

.navbar a {
  color: var(--ifm-color-white);
  --ifm-footer-link-hover-color: var(--ifm-color-secondary);  
}

.navbar a:hover {
  color: var(--ifm-color-secondary);
}

.navbar ul li a {
  color: #000000;
}

.navbar ul li a:hover {
  color: #000000;
}

.navbar-sidebar__brand  {
  background-color: #27150C;
}

.navbar-sidebar__back  {
  background-color: #27150C;
}

p a {
  color: var(--ifm-link-color);
  text-decoration: underline;
}

p a:hover {
  color: var(--ifm-color-secondary);
}
