/* Hobbs Afterdark brand colours on top of the Material slate scheme. */
@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap");

:root,
[data-md-color-scheme="slate"] {
  --hobbs-black: #080506;
  --hobbs-surface: #0e0a0b;
  --hobbs-bone: #e9dcc7;
  --hobbs-blood: #e3262a;
  --hobbs-line: rgba(233, 220, 199, 0.12);

  --md-default-bg-color: var(--hobbs-black);
  --md-default-fg-color: var(--hobbs-bone);
  --md-default-fg-color--light: rgba(233, 220, 199, 0.72);
  --md-default-fg-color--lighter: rgba(233, 220, 199, 0.4);
  --md-default-fg-color--lightest: rgba(233, 220, 199, 0.1);

  --md-primary-fg-color: var(--hobbs-surface);
  --md-primary-fg-color--light: var(--hobbs-surface);
  --md-primary-fg-color--dark: var(--hobbs-black);
  --md-primary-bg-color: var(--hobbs-bone);
  --md-primary-bg-color--light: rgba(233, 220, 199, 0.7);

  --md-accent-fg-color: var(--hobbs-blood);
  --md-accent-fg-color--transparent: rgba(227, 38, 42, 0.12);
  --md-accent-bg-color: var(--hobbs-bone);

  --md-typeset-color: var(--hobbs-bone);
  --md-typeset-a-color: var(--hobbs-blood);

  --md-code-bg-color: var(--hobbs-surface);
  --md-code-fg-color: var(--hobbs-bone);
  --md-code-hl-color: rgba(227, 38, 42, 0.18);

  --md-footer-bg-color: var(--hobbs-surface);
  --md-footer-bg-color--dark: var(--hobbs-black);
  --md-footer-fg-color: var(--hobbs-bone);

  --md-admonition-bg-color: var(--hobbs-surface);
}

.md-header,
.md-tabs {
  border-bottom: 1px solid var(--hobbs-line);
}

.md-header__title,
.md-typeset h1,
.md-typeset h2 {
  font-family: "Alfa Slab One", "Barlow", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.md-typeset h1 {
  color: var(--hobbs-bone);
}

.md-tabs__link--active,
.md-nav__link--active {
  color: var(--hobbs-blood);
}

.md-typeset code,
.md-typeset pre > code {
  border: 1px solid var(--hobbs-line);
}

.md-typeset table:not([class]) {
  border: 1px solid var(--hobbs-line);
}

.md-typeset table:not([class]) th {
  background-color: var(--hobbs-surface);
  color: var(--hobbs-bone);
}

.md-search__form,
.md-search__inner {
  background-color: var(--hobbs-surface);
}

.md-search-result__meta {
  background-color: var(--hobbs-surface);
}