/* Copper on dark brown-black, matching site/index.html. */
:root,
[data-md-color-primary="custom"] {
  --md-primary-fg-color: #8b5e3c;
  --md-primary-fg-color--light: #d6a77a;
  --md-primary-fg-color--dark: #5e3e27;
  --md-primary-bg-color: #f2ebe3;
  --md-primary-bg-color--light: #ab9c8c;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #d4894a;
  --md-accent-fg-color--transparent: rgba(212, 137, 74, 0.12);
  --md-accent-bg-color: #120d09;
}

/* Light scheme: keep the copper accent readable on white. */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: #8b5e3c;
}

/* Dark scheme: the landing page palette. */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0c0907;
  --md-default-bg-color--light: #14100c;
  --md-default-bg-color--lighter: #1b150f;
  --md-default-bg-color--lightest: #2a2018;
  --md-default-fg-color: #f2ebe3;
  --md-default-fg-color--light: #ab9c8c;
  --md-default-fg-color--lighter: #6f6152;
  --md-default-fg-color--lightest: #3d2f23;
  --md-code-bg-color: #14100c;
  --md-code-fg-color: #f2ebe3;
  --md-typeset-a-color: #d6a77a;
  --md-footer-bg-color: #14100c;
  --md-footer-bg-color--dark: #0c0907;
  --md-typeset-table-color: #2a2018;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #14100c;
  border-bottom: 1px solid #2a2018;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #ecc195;
}

.md-typeset h1,
.md-typeset h2 {
  letter-spacing: -0.01em;
}