/* palette */

[data-md-color-scheme=slate] {
  --md-default-bg-color: hsla(var(--md-hue),15%,10%,1);
  --md-default-bg-color--light: hsla(var(--md-hue),15%,12%,0.54);
  --md-default-bg-color--lighter: hsla(var(--md-hue),15%,12%,0.26);
  --md-default-bg-color--lightest: hsla(var(--md-hue),15%,12%,0.07);
  --md-footer-bg-color--dark: hsla(var(--md-hue),15%,8%,1);

  --md-default-fg-color: hsla(var(--md-hue),15%,80%,1);
}

[data-md-color-accent=blue] {
    --md-accent-fg-color: #2668E2;
    --md-accent-fg-color--transparent: #2668E21a;
}

[data-md-color-primary=light-blue] {
    --md-primary-fg-color: #49AEEE;
    --md-primary-fg-color--light: #45D6E6;
    --md-primary-fg-color--dark: #388BE8;
}

/* general */

::selection {
  background: var(--md-primary-fg-color);
}

html {
  font-size: 110%;
}
@media screen and (min-width: 100em) {
  html {
      font-size: 115%;
  }
}
@media screen and (min-width: 125em) {
  html {
      font-size: 120%;
  }
}

.md-typeset {
  .md-button {
    padding: 0.25rem 1rem;
    margin-right: .5rem;
    margin-top: .5rem;

    border-width: 0;
    border-radius: .25rem;

    color: var(--md-primary-bg-color);
    background-color: var(--md-primary-fg-color);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 25%), 0 0 0 1px var(--md-primary-fg-color--light), 0 2px 5px 0 rgba(0, 0, 0, 25%);

    text-transform: uppercase;
    font-size: 80%;

    &:hover {
      background-color:var(--md-primary-fg-color--dark);
    }
  }

  .md-button--secondary {
    background-color: initial;
  }
}

.md-grid {
  max-width: 72rem;
}

.md-source {
  font-size: .72rem;
}

/* header */

[data-md-color-primary=light-blue] .md-header {
  background-color: initial;
  transition: background-color 250ms, box-shadow 250ms;

  &.md-header--shadow {
    background-color: var(--md-footer-bg-color--dark);
    //backdrop-filter: blur(4px) brightness(0.75);
  }
}

.md-header__title {
  height: 3.2rem;
}
.md-header__topic {
  height: 100%;
  align-items:center;
  font-size: 150%;
}

.md-header__inner {
  padding-right: 1rem;
}

.md-header__topic:first-child {
  margin-left: 0;
  font-family: 'MuseoModerno', 'Roboto', sans-serif;
  font-style: italic;
  font-weight: 600;
}

.md-header__button {
  &.md-logo, &.md-wordmark {
    padding: 0;
    margin: 0.2rem;

    img, svg {
      display: block;
      height: 1.6rem;
      width: auto;
    }
  }
}



/* tabs */

.md-tabs__link {
  font-size: .8rem;
}

/* footer */

.md-footer-meta__inner {
  padding: 0.8rem 0.2rem;
}
.md-copyright {
  font-size: 0.72rem;
}