@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&display=swap");

/* Brand colors from wburningham.com */
[data-md-color-scheme="default"] {
  --wb-fill: #fafcfc;
  --wb-text: #353538;
  --wb-accent: #1158d1;
  --wb-card: #d4ddff;
  --wb-border: #7cadff;

  --md-primary-fg-color: #1158d1;
  --md-primary-fg-color--light: #7cadff;
  --md-primary-fg-color--dark: #0d4299;
  --md-primary-bg-color: #fafcfc;
  --md-primary-bg-color--light: #fafcfc;

  --md-accent-fg-color: #1158d1;
  --md-accent-bg-color: #fafcfc;

  --md-default-bg-color: #fafcfc;
  --md-default-fg-color: #353538;
  --md-default-fg-color--light: #353538b3;
  --md-default-fg-color--lighter: #35353866;
  --md-default-fg-color--lightest: #35353812;

  --md-code-bg-color: #d4ddff;
  --md-code-fg-color: #353538;

  --md-typeset-a-color: #1158d1;

  --md-footer-bg-color: #fafcfc;
  --md-footer-fg-color: #353538;
  --md-footer-fg-color--light: #353538b3;
  --md-footer-fg-color--lighter: #35353866;

  --md-typeset-mark-color: #d4ddff;
}

[data-md-color-scheme="slate"] {
  --wb-fill: #2f3741;
  --wb-text: #e6e6e6;
  --wb-accent: #1ad9d9;
  --wb-card: #3f4b5a;
  --wb-border: #3b4655;

  --md-primary-fg-color: #1ad9d9;
  --md-primary-fg-color--light: #1ad9d9;
  --md-primary-fg-color--dark: #14a8a8;
  --md-primary-bg-color: #2f3741;
  --md-primary-bg-color--light: #2f3741;

  --md-accent-fg-color: #1ad9d9;
  --md-accent-bg-color: #2f3741;

  --md-default-bg-color: #2f3741;
  --md-default-fg-color: #e6e6e6;
  --md-default-fg-color--light: #e6e6e6b3;
  --md-default-fg-color--lighter: #e6e6e666;
  --md-default-fg-color--lightest: #e6e6e612;

  --md-code-bg-color: #3f4b5a;
  --md-code-fg-color: #e6e6e6;

  --md-typeset-a-color: #1ad9d9;

  --md-footer-bg-color: #2f3741;
  --md-footer-fg-color: #e6e6e6;
  --md-footer-fg-color--light: #e6e6e6b3;
  --md-footer-fg-color--lighter: #e6e6e666;

  --md-typeset-mark-color: #3f4b5a;
}

/* Header matches page background like wburningham.com */
.md-header {
  background-color: var(--wb-fill);
  color: var(--wb-text);
}

.md-header__button {
  color: var(--wb-text);
}

.md-tabs {
  background-color: var(--wb-fill);
  color: var(--wb-text);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--wb-accent);
}

/* Site title: "wb" accent + "urningham" extralight — default Material sizing */
.md-header__site-name {
  cursor: pointer;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  text-decoration: none;
  color: inherit;
}

.md-header__site-name:hover {
  opacity: 0.85;
}

.md-header__site-name-wb {
  font-weight: 600;
  color: var(--wb-accent);
}

.md-header__site-name-rest {
  font-weight: 200;
  opacity: 0.6;
  color: var(--wb-text);
}

/* Keep title tooltips readable and clear of a finger on small touch screens. */
@media screen and (max-width: 44.984375em) {
  [role="tooltip"].md-tooltip2 > .md-tooltip2__inner {
    font-size: 0.8rem;
    line-height: 1.5;
    padding: 0.45rem 0.65rem;
  }

  /*
   * Material normally places a tooltip's top below its trigger. Offset it by
   * its height and the trigger offset instead, so its bottom meets the trigger.
   */
  [role="tooltip"].md-tooltip2 {
    transform: translateY(calc(-100% - var(--md-tooltip-y) + 0.4rem));
    transform-origin: calc(var(--md-tooltip-host-x) + var(--md-tooltip-x)) 100%;
  }

  [role="tooltip"].md-tooltip2.md-tooltip2--active {
    transform: translateY(calc(-100% - var(--md-tooltip-y)));
  }
}