:root {
  --md-primary-fg-color:        #FF0030;
  --md-primary-fg-color--light: #ff3359;
  --md-primary-fg-color--dark:  #cc0026;
  --md-typeset-a-color:         #FF0030;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #FF0030;
  --md-primary-fg-color--light: #ff3359;
  --md-primary-fg-color--dark:  #cc0026;
  --md-typeset-a-color:         #ff3359;
}


/* H2 Level (Headers, Package Statuses, Endpoints) */
ul[data-md-component="toc"] .md-nav__link {
    font-size: 0.7rem !important;
}

/* H3 Level (Endpoints: Login, Get Packages, etc) */
ul[data-md-component="toc"] .md-nav__item .md-nav__list .md-nav__link {
    font-size: 0.65rem !important;
}

/* H4 Level (Request Parameters, Response, Headers) */
ul[data-md-component="toc"] .md-nav__item .md-nav__list .md-nav__list .md-nav__link {
    font-size: 0.55rem !important;
    font-weight: 400 !important;
    opacity: 0.8 !important;
}


/* Header styling to blend well with the brand logo (Global / Light Mode default) */
.md-header, .md-tabs, .search {
    --md-primary-fg-color: #ffffff;
    --md-primary-bg-color: #1a1a1a;
    border-bottom: 1px solid #e8e8e8;
}

/* Remove ShaQ Express Public Api Documentation from the side menu bar */
.md-nav__title[for="__drawer"] {
    display: none !important;
}

/* Dark mode header */
[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs, [data-md-color-scheme="slate"] .search {
    --md-primary-fg-color: #1a1a1a;
    --md-primary-bg-color: #ffffff;
    border-bottom: 1px solid #333;
}
/* Make the logo visible in dark mode by adding a white pill background */
[data-md-color-scheme="slate"] .md-logo img,
[data-md-color-scheme="slate"] .md-nav__button.md-logo img {
    background-color: #ffffff;
    padding: 2px 4px;
    border-radius: 4px;
}