/* SimulateCraft docs — Minecraft dirt / grass / stone theme */

:root {
  --mc-dirt: #5b3a1e;
  --mc-dirt-dark: #3a2514;
  --mc-dirt-mid: #6e4724;
  --mc-grass: #5d9c3d;
  --mc-grass-dark: #3f6b29;
  --mc-grass-light: #8bc34a;
  --mc-stone: #7a7a7a;
  --mc-stone-dark: #4a4a4a;
  --mc-oak: #8b5a2b;
  --mc-gold: #f1c232;
  --mc-ink: #f4efe6;
  --mc-ink-dim: #c8b89a;
  --mc-parchment: #c4a574;
}

/* Force Material slate onto dirt palette */
[data-md-color-scheme="slate"] {
  --md-default-fg-color: var(--mc-ink);
  --md-default-fg-color--light: var(--mc-ink-dim);
  --md-default-fg-color--lighter: #a09078;
  --md-default-bg-color: var(--mc-dirt-dark);
  --md-default-bg-color--light: var(--mc-dirt);
  --md-default-bg-color--lighter: var(--mc-dirt-mid);
  --md-primary-fg-color: var(--mc-grass-dark);
  --md-primary-fg-color--light: var(--mc-grass);
  --md-primary-fg-color--dark: #2a4a1c;
  --md-accent-fg-color: var(--mc-gold);
  --md-accent-fg-color--transparent: rgba(241, 194, 50, 0.12);
  --md-code-bg-color: #2a1a0e;
  --md-code-fg-color: #e8dcc8;
  --md-typeset-a-color: var(--mc-grass-light);
  --md-footer-bg-color: #24170c;
  --md-footer-bg-color--dark: #1a1008;
}

[data-md-color-scheme="default"] {
  --md-default-fg-color: #2a1a0e;
  --md-default-fg-color--light: #5b3a1e;
  --md-default-bg-color: #e8d9c0;
  --md-default-bg-color--light: #f3ead8;
  --md-primary-fg-color: var(--mc-grass-dark);
  --md-primary-fg-color--light: var(--mc-grass);
  --md-accent-fg-color: #b8860b;
  --md-typeset-a-color: var(--mc-grass-dark);
  --md-code-bg-color: #ddd0b8;
}

/* Dirt-block header */
.md-header {
  background:
    linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.35)),
    repeating-linear-gradient(
      0deg,
      #5b3a1e 0 8px,
      #4a2f16 8px 16px,
      #6a4322 16px 24px,
      #3d2612 24px 32px
    ) !important;
  border-bottom: 3px solid #1a1008;
  box-shadow: none !important;
}

.md-header__title {
  font-family: "Pixelify Sans", "Outfit", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.md-tabs {
  background: var(--mc-grass-dark) !important;
  border-bottom: 3px solid #2a4a1c;
}

.md-tabs__link {
  font-family: "Pixelify Sans", "Outfit", sans-serif;
  font-weight: 600;
}

/* Sidebar like a crafting book */
.md-nav__title {
  font-family: "Pixelify Sans", "Outfit", sans-serif;
  color: var(--mc-gold) !important;
}

.md-nav__link--active {
  color: var(--mc-grass-light) !important;
  font-weight: 700;
}

.md-sidebar {
  border-right: 2px solid rgba(90, 58, 30, 0.45);
}

/* Content on parchment */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Pixelify Sans", "Outfit", sans-serif;
  font-weight: 700;
  color: var(--mc-gold);
  border-bottom: none;
}

[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3 {
  color: var(--mc-dirt);
}

.md-typeset code {
  border: 1px solid rgba(139, 90, 43, 0.35);
  border-radius: 2px;
}

.md-typeset .admonition,
.md-typeset details {
  border-width: 2px;
  border-radius: 2px;
  border-color: var(--mc-oak);
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--mc-grass);
}

.md-button,
.md-typeset .md-button {
  border-radius: 2px !important;
  border: 2px solid #1a1008 !important;
  font-family: "Pixelify Sans", "Outfit", sans-serif;
  box-shadow: inset -2px -2px 0 rgba(0, 0, 0, 0.35), inset 2px 2px 0 rgba(255, 255, 255, 0.15);
}

.md-button--primary,
.md-typeset .md-button--primary {
  background: var(--mc-grass) !important;
  color: #fff !important;
}

/* Search + footer */
.md-search__form {
  border: 2px solid #1a1008;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.25);
}

.md-footer {
  border-top: 3px solid #1a1008;
}

/* Header / favicon brand mark */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.8rem;
  width: auto;
  image-rendering: auto;
}

.md-nav__title .md-nav__button.md-logo img {
  height: 2.2rem;
  width: auto;
}

/* Subtle dirt tiling behind content on dark mode */
[data-md-color-scheme="slate"] .md-main {
  background-image:
    linear-gradient(rgba(26, 16, 8, 0.72), rgba(26, 16, 8, 0.85)),
    repeating-linear-gradient(
      90deg,
      transparent 0 16px,
      rgba(0, 0, 0, 0.06) 16px 32px
    );
}