@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

/* ── Colour tokens ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #000000;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #000000;
  --md-typeset-a-color: #000000;
}

/* ── Global ── */
* { font-family: 'Share Tech Mono', monospace !important; }

body, .md-main, .md-content__inner,
.md-sidebar, .md-sidebar__scrollwrap, .md-nav {
  background-color: #fdfcf9 !important;
}

/* ── Header ── */
.md-header {
  background-color: #621260 !important;
  box-shadow: none !important;
}

.md-header__title {
  color: #e1e1e1 !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.md-header__button.md-logo img {
  height: 32px !important;
  width: auto !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.md-search__input {
  background-color: #621260 !important;
  color: #e1e1e1 !important;
}

/* ── Typography ── */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #621260 !important;
}

.md-typeset h1 {
  border-bottom: 2px solid #621260;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}

.md-typeset h2::before { content: "> "; }

.md-typeset a {
  color: #00a0ff !important;
  text-decoration: underline !important;
}

.md-typeset a:hover { color: #0000ff !important; }

.md-typeset pre { background-color: #000000 !important; }

.md-typeset code {
  background-color: #3c023c !important;
  color: #e1e1e1 !important;
}

.md-typeset blockquote {
  border-left-color: #e0047a !important;
  color: #e0047a !important;
}

/* ── Sidebar ── */
.md-sidebar--primary .md-sidebar__scrollwrap {
  border-right: 1px solid #000000;
}

.md-nav__title {
  font-weight: 700;
  letter-spacing: 0.15em;
  background-color: #fdfcf9 !important;
  box-shadow: none !important;
  color: #000000 !important;
}

.md-nav__link {
  color: #000000 !important;
  font-weight: 600;
}

.md-nav__link--active {
  font-weight: 700;
  text-decoration: underline;
}

.md-nav--secondary .md-nav__link::before { content: "> "; }

/* ── Mobile drawer ── */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title[for=__drawer] {
    background-color: #621260 !important;
    color: #e1e1e1 !important;
  }
}

/* ── Footer ── */
.md-footer { display: none !important; }