/*
 * The same imperial look as meckicraft.net (static/css/site.css in MeckiCraftWeb): deepslate
 * background, obsidian header and footer with a gold and crimson trim, pages as polished stone
 * in a gold frame, gold Roman capitals with Minecraft's hard shadow.
 */
[data-md-color-scheme="slate"] {
  --mc-bg: #1b1b21;
  --mc-text: #ece6d6;
  --mc-muted: #a9a191;
  --mc-gold: #f2c14e;
  --mc-gold-dark: #b8860b;
  --mc-crimson-dark: #6a1220;
  --mc-outline: #0b0b0e;
  --mc-edge-light: #55555f;
  --mc-edge-dark: #111115;
  --mc-field: #0e0e12;
  --mc-imperial: "Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;

  --md-default-bg-color: var(--mc-bg);
  --md-default-fg-color: var(--mc-text);
  --md-default-fg-color--light: var(--mc-muted);
  --md-default-fg-color--lighter: #6f6a60;
  --md-primary-fg-color: #150f1e;
  --md-primary-bg-color: var(--mc-text);
  --md-accent-fg-color: var(--mc-gold);
  --md-typeset-color: var(--mc-text);
  --md-typeset-a-color: var(--mc-gold);
  --md-code-bg-color: var(--mc-field);
  --md-code-fg-color: #ffffff;
  --md-footer-bg-color: #150f1e;
  --md-footer-bg-color--dark: #150f1e;
  --md-text-font: system-ui, -apple-system, "Segoe UI", sans-serif;
}

body, .md-container {
  background: var(--mc-bg) url("../assets/deepslate.svg") repeat;
  background-size: 64px 64px;
  image-rendering: pixelated;
}

/* --- header and footer: obsidian with a gold and crimson trim --- */
.md-header {
  background: #150f1e url("../assets/obsidian.svg") repeat;
  background-size: 64px 64px;
  border-bottom: 4px solid var(--mc-gold-dark);
  box-shadow: 0 4px 0 var(--mc-crimson-dark), 0 8px 0 rgba(0, 0, 0, .45);
}
.md-header__title {
  font-family: var(--mc-imperial);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mc-gold);
  text-shadow: 2px 2px 0 #000;
  font-weight: 700;
}
.md-header__button.md-logo img { height: 1.6rem; image-rendering: pixelated; }
.md-search__form { background: var(--mc-field); border: 2px solid #3a3a44; border-radius: 0; }
.md-footer, .md-footer-meta {
  background: #150f1e url("../assets/obsidian.svg") repeat;
  background-size: 64px 64px;
}
.md-footer { border-top: 4px solid var(--mc-gold-dark); }
.md-footer-meta { color: var(--mc-muted); }

/* --- the page itself: polished stone in a gold frame, like a card on the website --- */
.md-main__inner { margin-top: 1.6rem; }
.md-content__inner {
  background: #2f2f37 url("../assets/stone.svg") repeat;
  background-size: 64px 64px;
  border: 3px solid var(--mc-outline);
  box-shadow: inset 3px 3px 0 var(--mc-edge-light), inset -3px -3px 0 var(--mc-edge-dark),
    0 0 0 3px var(--mc-gold-dark), 0 0 0 6px var(--mc-outline), 6px 10px 0 6px rgba(0, 0, 0, .35);
  padding: 1.4rem 1.6rem 1.6rem;
  margin: 6px 12px 2.4rem;
}
.md-content__inner::before { display: none; }

/* --- imperial headings --- */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-family: var(--mc-imperial);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mc-gold);
  text-shadow: 2px 2px 0 #000;
  font-weight: 700;
  line-height: 1.25;
}
.md-typeset h1 { font-size: 2em; margin-bottom: .8em; }
.md-typeset h2 { font-size: 1.35em; border-bottom: 2px solid #1f1f25; padding-bottom: .3em; }
.md-typeset h3 { font-size: 1.1em; }

/* --- code, tables, boxes --- */
.md-typeset code {
  background: var(--mc-field);
  border: 2px solid #3a3a44;
  border-radius: 0;
  color: #ffffff;
  padding: 0 .35em;
}
.md-typeset pre > code { border: 0; padding: .8em 1em; }
.md-typeset pre { border: 3px solid #3a3844; }
.md-typeset table:not([class]) {
  border: 3px solid var(--mc-outline);
  border-radius: 0;
  background: rgba(12, 12, 16, .55);
  font-size: .8rem;
}
.md-typeset table:not([class]) th {
  background: #241b3a;
  color: var(--mc-gold);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .72rem;
}
.md-typeset table:not([class]) td { border-top: 2px solid #1f1f25; }
.md-typeset table:not([class]) tr:hover { background: rgba(242, 193, 78, .06); }
.md-typeset .admonition, .md-typeset details {
  background: rgba(12, 12, 16, .7);
  border: 3px solid var(--mc-outline);
  border-left: 8px solid var(--mc-gold-dark);
  border-radius: 0;
  box-shadow: none;
}
.md-typeset .admonition-title, .md-typeset summary { background: rgba(242, 193, 78, .08) !important; }

/* --- side navigation --- */
.md-nav__link { color: var(--mc-text); }
.md-nav__link:hover, .md-nav__link--active, .md-nav__item .md-nav__link--active { color: var(--mc-gold); }
.md-nav__title { color: var(--mc-gold); font-family: var(--mc-imperial); text-transform: uppercase; letter-spacing: .06em; }
.md-sidebar__scrollwrap { scrollbar-color: #3a3844 transparent; }

/* --- names in team colours --- */
.name-admin { color: #ff5555; font-weight: 800; }
.name-mod { color: #55c8ff; font-weight: 800; }
.name-neuling { color: #aaaaaa; }

@media (max-width: 600px) {
  .md-content__inner { padding: 1.1rem 1rem; margin: 6px 6px 2rem; }
}
