/* Passnote house style. Palette and contrast ratios: design/reviews/logo-v5.md. */

:root {
  --passnote-ballpoint: #2443b8;
  --passnote-ballpoint-deep: #1a3290;
  --passnote-fold: #8fa3e6;
  --passnote-night: #141b33;
  --passnote-paper: #f4f1e8;
  --passnote-page: #fcfbf8;
  /* The theme tints greys with this hue; 227deg is Night's own hue. */
  --md-hue: 227deg;
}

/* Light: Night on a near-white page, Ballpoint links (7.9:1). */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--passnote-ballpoint);
  --md-primary-fg-color--light: var(--passnote-ballpoint);
  --md-primary-fg-color--dark: var(--passnote-ballpoint-deep);
  --md-accent-fg-color: var(--passnote-ballpoint-deep);
  --md-accent-fg-color--transparent: #2443b814;
  --md-typeset-a-color: var(--passnote-ballpoint);
  --md-default-fg-color: var(--passnote-night);
  --md-default-bg-color: var(--passnote-page);
}

/* Dark: Paper on Night. Ballpoint on Night is too dark, so links use Fold (6.9:1). */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--passnote-fold);
  --md-primary-fg-color--light: var(--passnote-fold);
  --md-primary-fg-color--dark: var(--passnote-fold);
  --md-accent-fg-color: var(--passnote-paper);
  --md-accent-fg-color--transparent: #8fa3e61f;
  --md-typeset-a-color: var(--passnote-fold);
  --md-default-fg-color: var(--passnote-paper);
  --md-default-bg-color: var(--passnote-night);
}

/* The Ballpoint mark is too dark on Night, so the dark scheme swaps in the Paper mark. */
[data-md-color-scheme="slate"] .md-logo img {
  content: url("../assets/logo-dark.svg");
}

/* Headings use the wordmark's face and weight. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__topic {
  font-weight: 600;
  letter-spacing: -0.01em;
}