:root {
  --sky: #6EC5F1;
  --pale: #DAEDF4;
  --mist: #F2FCFF;
  --blue: #28A7E5;
  --navy: #065792;
  --cyan: #09C5FF;
  --ink: #0A1420;

  --md-primary-fg-color: #065792;
  --md-primary-fg-color--light: #28A7E5;
  --md-primary-fg-color--dark: #043D66;
  --md-accent-fg-color: #09C5FF;
  --md-accent-fg-color--transparent: rgba(9, 197, 255, 0.12);
}

.md-typeset {
  font-size: 0.8rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  color: var(--navy);
  letter-spacing: -0.02em;
  font-weight: 800;
}

.md-typeset a {
  color: var(--blue);
}

.md-typeset a:hover {
  color: var(--navy);
}

.md-typeset code,
.md-typeset pre,
.md-header__button.md-icon svg {
  font-family: 'JetBrains Mono', var(--md-code-font-family, monospace);
}

.md-header {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(6, 87, 146, 0.10);
  color: var(--navy);
}

.md-header__button,
.md-header__title,
.md-header__topic {
  color: var(--navy);
}

.md-header__title {
  font-weight: 800;
}

.md-tabs {
  background: var(--white, #ffffff);
}

.md-tabs__link {
  color: var(--navy);
  opacity: 0.8;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--blue);
  opacity: 1;
}

.md-nav__link--active {
  color: var(--blue);
}

.md-nav__link:hover {
  color: var(--navy);
}

.md-nav__item .md-nav__link--active {
  font-weight: 600;
}

.md-nav__title {
  color: var(--navy);
}

.md-footer {
  background: var(--ink);
}

.md-footer-meta {
  background: rgba(10, 20, 32, 0.9);
}

.md-typeset .md-button {
  border-color: var(--blue);
  color: var(--blue);
}

.md-typeset .md-button--primary {
  background: linear-gradient(135deg, var(--blue), var(--navy));
  border-color: transparent;
  color: #ffffff;
}

.md-typeset table:not([class]) th {
  background: var(--navy);
  color: #ffffff;
}

.md-typeset blockquote {
  border-left-color: var(--cyan);
  background: var(--mist);
}

.md-search__form {
  background-color: var(--pale);
}

.md-search__input {
  color: var(--ink);
}

.md-search__form:hover {
  background-color: var(--sky);
}

.md-search__output {
  background-color: var(--white);
}