:root {
  --md-primary-fg-color: #C4612F;
  --md-primary-fg-color--light: #D87845;
  --md-primary-fg-color--dark: #A94E22;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #F7F4EF;
  --md-default-fg-color: #1F2421;
  --md-default-fg-color--light: #5C635D;
  --md-code-bg-color: #2B2B2B;
  --md-code-fg-color: #E8E6E3;
  --md-typeset-a-color: #C4612F;
}

[data-md-color-scheme="default"] .highlight,
[data-md-color-scheme="default"] .md-typeset pre > code {
  background-color: #2B2B2B !important;
}

[data-md-color-scheme="default"] .highlight *,
[data-md-color-scheme="default"] .md-typeset pre > code * {
  color: #E8E6E3 !important;
}

[data-md-color-scheme="slate"] {
  --md-code-bg-color: #2B2B2B;
  --md-code-fg-color: #E8E6E3;
}

[data-md-color-scheme="slate"] .highlight,
[data-md-color-scheme="slate"] .md-typeset pre > code {
  background-color: #2B2B2B !important;
}

[data-md-color-scheme="slate"] .highlight *,
[data-md-color-scheme="slate"] .md-typeset pre > code * {
  color: #E8E6E3 !important;
}

[data-md-color-scheme="custom-light"] {
  --md-default-bg-color: #F7F4EF;
  --md-default-fg-color: #1F2421;
  --md-default-fg-color--light: #5C635D;
  --md-code-bg-color: #1F2421;
  --md-code-fg-color: #FBF9F5;
  --md-typeset-a-color: #C4612F;
}

body {
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', 'DM Serif Display', serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.md-typeset code {
  background-color: #FBF9F5;
  border: 1px solid #E7E1D7;
  border-radius: 4px;
  padding: 0.1em 0.4em;
}

.md-typeset pre > code {
  border: none;
  padding: 0.8em;
}

.md-button {
  border-radius: 999px;
  transition: transform 0.2s ease;
}

.md-button:hover {
  transform: translateY(-2px);
}

.md-nav__link--active {
  color: var(--md-primary-fg-color);
  font-weight: 500;
}

.md-content {
  max-width: 50rem;
  margin: 0 auto;
}