@font-face {
  font-family: "Nerik";
  src: url("/assets/fonts/nerik/Nerik-normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Use a local font for numerals since Nerik has no digits */
@font-face {
  font-family: "Nerik";
  src: local("JetBrains Mono"), local("Roboto"), local("Arial");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039;
}

/* Black top bar with high-contrast text */
.md-header {
  background-color: #000000;
}

/* Use Nerik only in the top bar title */
.md-header__title,
.md-header__topic {
  font-family: "Nerik", "Roboto", sans-serif;
}

/* Theme accent color */
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-accent-fg: #00A8F3;
  --md-accent-fg--transparent: rgba(0, 168, 243, 0.15);
  --md-typeset-a-color: #00A8F3;
}

.md-header__topic,
.md-header__button,
.md-header__button.md-logo,
.md-header__button.md-logo svg,
.md-header__button.md-logo img,
.md-search__icon {
  color: #ffffff;
  fill: #ffffff;
}

/* Split title text: half white, half blue */
.md-header__title .md-ellipsis {
  background: linear-gradient(90deg, #ffffff 0 50%, #00A8F3 50% 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Match search box to theme blue on black header */
.md-search__form {
  background-color: #00A8F3;
  border-radius: 999px;
}

.md-search__input {
  color: #ffffff;
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.85);
}

.md-search__input:focus {
  background-color: #00A8F3;
}

/* Increase logo size in the header */
.md-header__button.md-logo img {
  height: 64px;        /* default ~24px */
  width: auto;
}

/* Optional: add a little spacing so it doesn't crowd text */
.md-header__title {
  margin-left: 0.5rem;
}

/* Push the palette toggle to the far right of the top bar */
.md-header__inner {
  display: flex;
}

.md-search {
  order: 900;
}

.md-header__button.md-header__button--palette {
  order: 1000;
  margin-left: auto;
}