:root {
  --ifm-color-primary: #116bb3;
  --ifm-color-primary-dark: #0f60a1;
  --ifm-color-primary-darker: #0e5b98;
  --ifm-color-primary-darkest: #0b4b7d;
  --ifm-color-primary-light: #277abd;
  --ifm-color-primary-lighter: #3280c0;
  --ifm-color-primary-lightest: #5596ca;
  --ifm-font-family-base: "Open Sans", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ifm-heading-font-family: Ubuntu, "Open Sans", ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ifm-heading-color: #161637;
  --ifm-navbar-link-color: #363858;
  --ifm-background-color: #ffffff;
  --ifm-background-surface-color: #f7f8fa;
  --ifm-toc-border-color: #e9eaf2;
}

[data-theme="dark"] {
  --ifm-color-primary: #5596ca;
  --ifm-color-primary-dark: #3f89c4;
  --ifm-color-primary-darker: #347fc0;
  --ifm-color-primary-darkest: #24679f;
  --ifm-color-primary-light: #70a7d2;
  --ifm-color-primary-lighter: #7dadd6;
  --ifm-color-primary-lightest: #a5c6e1;
  --ifm-heading-color: #ffffff;
  --ifm-navbar-link-color: #e9eaf2;
  --ifm-background-color: #10132b;
  --ifm-background-surface-color: #161637;
  --ifm-toc-border-color: #363858;
}

.hero,
.heroBanner,
header[class*="hero"] {
  background: linear-gradient(145deg, #116bb3 0%, #00325d 100%) !important;
}

.hero h1,
.hero .hero__title,
.hero p,
.heroBanner h1,
.heroBanner p,
header[class*="hero"] h1,
header[class*="hero"] p {
  color: #ffffff !important;
}

.navbar__logo {
  align-items: center;
  display: inline-flex;
  text-decoration: none;
}

.navbar__logo img {
  content: url("/__aesthetix/logo-light.png");
  height: 1.75rem;
  max-width: 10rem;
  object-fit: contain;
  width: auto;
}

[data-theme="dark"] .navbar__logo img {
  content: url("/__aesthetix/logo-dark.svg");
}

@media (max-width: 996px) {
  .navbar__logo img {
    height: 1.45rem;
    max-width: 8.25rem;
  }
}

@media (max-width: 600px) {
  .hero,
  .heroBanner,
  header[class*="hero"] {
    padding: 2.5rem 1rem !important;
  }

  .hero h1,
  .hero .hero__title,
  .heroBanner h1,
  header[class*="hero"] h1 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  .hero p,
  .heroBanner p,
  header[class*="hero"] p {
    font-size: 1.125rem !important;
    line-height: 1.55 !important;
  }
}