/* Brand palette from bluecollarciso.com */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  --bcc-ink: #1C1C1C;
  --bcc-paper: #F7F4EE;
  --bcc-warm-mid: #8C7B6B;
  --bcc-warm-light: #D4C9B8;
  --bcc-accent: #2C4A2E;
  --bcc-accent-light: #4A7A4E;
}

[data-md-color-scheme="bcc-light"] {
  --md-primary-fg-color: var(--bcc-accent);
  --md-primary-fg-color--light: var(--bcc-accent-light);
  --md-primary-fg-color--dark: #1F3521;
  --md-primary-bg-color: var(--bcc-paper);
  --md-primary-bg-color--light: rgba(247, 244, 238, 0.7);
  --md-accent-fg-color: var(--bcc-accent-light);
  --md-accent-fg-color--transparent: rgba(74, 122, 78, 0.1);

  --md-default-bg-color: var(--bcc-paper);
  --md-default-fg-color: var(--bcc-ink);
  --md-default-fg-color--light: #4A4038;
  --md-default-fg-color--lighter: var(--bcc-warm-mid);
  --md-default-fg-color--lightest: var(--bcc-warm-light);

  --md-typeset-color: var(--bcc-ink);
  --md-typeset-a-color: var(--bcc-accent);
  --md-code-bg-color: #EFEAE1;
  --md-code-fg-color: var(--bcc-ink);
  --md-footer-bg-color: var(--bcc-ink);
  --md-footer-bg-color--dark: #121212;
  --md-footer-fg-color: var(--bcc-paper);
}

[data-md-color-scheme="bcc-dark"] {
  --md-hue: 30;
  --md-primary-fg-color: #1F3521;
  --md-primary-fg-color--light: var(--bcc-accent);
  --md-primary-fg-color--dark: #142316;
  --md-primary-bg-color: var(--bcc-paper);
  --md-primary-bg-color--light: rgba(247, 244, 238, 0.7);
  --md-accent-fg-color: #8FBF92;
  --md-accent-fg-color--transparent: rgba(143, 191, 146, 0.1);

  --md-default-bg-color: #1A1917;
  --md-default-fg-color: #E9E4DA;
  --md-default-fg-color--light: #C9C0B2;
  --md-default-fg-color--lighter: #A8998A;
  --md-default-fg-color--lightest: #4A443D;

  --md-typeset-color: #E9E4DA;
  --md-typeset-a-color: #8FBF92;
  --md-code-bg-color: #24221F;
  --md-code-fg-color: #E9E4DA;
  --md-footer-bg-color: #121212;
  --md-footer-bg-color--dark: #0C0C0C;
  --md-footer-fg-color: #E9E4DA;
}

/* Headings use the wordmark serif */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__topic:first-child {
  font-family: "Playfair Display", Georgia, serif;
}

.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--md-default-fg-color);
}

.md-typeset h2 {
  font-weight: 400;
  font-style: italic;
  color: var(--md-typeset-a-color);
}