/* Bitsy default palette: 0,82,204 / 128,159,255 / 255,255,255 */
:root {
  --citsy-blue: #0052cc;
  --citsy-sky: #809fff;
  --citsy-ink: #0a1628;
  --citsy-pink: #ff5ca8;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: #0052cc;
  --md-primary-fg-color--light: #809fff;
  --md-primary-fg-color--dark: #003d99;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffff;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #ff5ca8;
  --md-accent-fg-color--transparent: #ff5ca81a;
  --md-accent-bg-color: #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1220;
  --md-default-bg-color--light: #0b1220;
  --md-default-bg-color--lighter: #121a2c;
  --md-default-bg-color--lightest: #1a2438;
  --md-default-fg-color: #e8eeff;
  --md-default-fg-color--light: #c5d0f0;
  --md-default-fg-color--lighter: #8b97b8;
  --md-code-bg-color: #121a2c;
  --md-footer-bg-color: #070b14;
  --md-typeset-a-color: #9bb6ff;
}

[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-primary-fg-color: #1a3f8f;
  --md-primary-fg-color--light: #809fff;
  --md-primary-fg-color--dark: #0a1628;
}

.md-header {
  background-color: var(--citsy-blue);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 40%),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 7px,
      rgba(0, 0, 0, 0.08) 7px,
      rgba(0, 0, 0, 0.08) 8px
    );
}

.md-tabs {
  background-color: var(--citsy-blue);
}

.md-header__button.md-logo {
  margin-top: 0.2rem;
  padding: 0.2rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg,
.md-nav__title .md-nav__button.md-logo img,
.md-nav__title .md-nav__button.md-logo svg {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  width: 1.9rem;
  height: 1.9rem;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset .grid.cards > ul > li {
  border-radius: 4px;
  border-width: 2px;
}

.md-typeset .md-button {
  border-radius: 4px;
}

.md-typeset .hero-actions {
  margin: 1.25rem 0 2rem;
}

.md-copyright {
  font-size: 0.64rem;
}