@font-face {
  font-family: 'Soundtrack Aeonik';
  src: url('../fonts/SoundtrackAeonik-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Soundtrack Aeonik Medium';
  src: url('../fonts/SoundtrackAeonik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Soundtrack Aeonik Bold';
  src: url('../fonts/SoundtrackAeonik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'Soundtrack Aeonik';
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Soundtrack Aeonik Medium';
  font-weight: 500;
}

/* Make site name text heavier */
.md-header__title {
  font-family: 'Soundtrack Aeonik Bold';
  font-size: 1.5rem;
  margin-left: 0 !important;
}

.md-header__button.md-logo img {
    height: 64px;
}

.md-header.md-header--shadow {
  box-shadow: none !important;
}

:root  > * {
    --md-primary-fg-color: #E7DFF8;
}

/* Headings Styling */
.md-typeset h1 {
  color: black;
  font-weight: 900;
}

.md-typeset h2 {
  color: black;
  font-weight: 800;
}

.md-typeset h3 {
  color: black;
  font-weight: 700;
}

.md-typeset h4,
.md-typeset h5 {
  color: black;
  font-weight: 600;
}

/* Header Topic */
.md-header__topic {
  color: black;
  font-weight: 600;
}

/* Navigation Styling */
.md-nav--primary .md-nav__link:hover,
.md-nav--primary .md-nav__link--active {
  color: black;
  font-weight: 700;
}

/* Force label color (expanders like "Concepts") */
label.md-nav__link {
  color: black !important;
}

/* Secondary (TOC) nav links and titles */
.md-nav--secondary .md-nav__title,
.md-nav--secondary .md-nav__link--active,
.md-nav--secondary .md-nav__link:hover {
  color: black;
  font-weight: 600;
}

/* Link Styling Inside Content*/

.md-typeset p a,
.md-typeset li a {
  color: black;
  text-decoration: underline;
  text-underline-offset: 3px;

}

.md-typeset p a:hover,
.md-typeset li a:hover {
  color: #003fcc;
}