/* Beyond Aphelion — cartographer instrument theme */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root, [data-md-color-scheme="slate"] {
  --md-default-bg-color: #0e0f16;
  --md-default-fg-color: #e9e3d3;
  --md-default-fg-color--light: #b9b2a0;
  --md-default-fg-color--lighter: #8d93a8;
  --md-primary-fg-color: #14161f;
  --md-primary-bg-color: #c9a35c;
  --md-accent-fg-color: #e0b66a;
  --md-typeset-a-color: #c9a35c;
  --md-code-bg-color: #171923;
  --md-code-fg-color: #e0b66a;
  --md-footer-bg-color: #0a0b10;
  --md-footer-bg-color--dark: #07080c;
}

/* Brass Cinzel headers — the game's HUD typography */
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-header__topic, .md-nav__title {
  font-family: 'Cinzel', serif;
  letter-spacing: 0.08em;
}
.md-typeset h1 { color: #c9a35c; text-transform: uppercase; }
.md-typeset h2 { color: #d8b877; border-bottom: 1px solid #2a2f42; padding-bottom: .3em; }
.md-typeset h3 { color: #c9a35c; }
.md-typeset code, .md-typeset kbd { font-family: 'JetBrains Mono', monospace; }
.md-typeset kbd {
  background: #171923; border: 1px solid #8a7344; border-radius: 3px;
  color: #e0b66a; box-shadow: 0 2px 0 #07080c;
}

/* Header bar: brass rule under it, like the editor chrome */
.md-header { border-bottom: 2px solid #8a7344; background: #0a0b10; }
.md-header__button.md-logo { color: #c9a35c; }
.md-tabs { background: #0e0f16; border-bottom: 1px solid #2a2f42; }

/* Tables — instrument panel style */
.md-typeset table:not([class]) { border: 1px solid #2a2f42; background: #12141d; }
.md-typeset table:not([class]) th {
  background: #171923; color: #c9a35c; font-family: 'Cinzel', serif;
  font-size: .68rem; letter-spacing: .08em;
}
.md-typeset table:not([class]) td { border-top: 1px solid #1d2030; }

/* Admonitions in brass */
.md-typeset .admonition, .md-typeset details {
  border-color: #8a7344; background: #12141d;
}
.md-typeset .admonition-title { background: rgba(201,163,92,.12); }

/* ── Hero ─────────────────────────────────────────────── */
.ba-hero {
  text-align: center;
  padding: 3.2rem 1rem 2.6rem;
  margin: -1.2rem -0.8rem 1.6rem;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(201,163,92,.10), transparent 55%),
    radial-gradient(ellipse at 75% 70%, rgba(96,140,220,.08), transparent 50%),
    radial-gradient(circle at 15% 80%, rgba(255,255,255,.05) 1px, transparent 1.6px),
    radial-gradient(circle at 55% 30%, rgba(255,255,255,.06) 1px, transparent 1.6px),
    radial-gradient(circle at 85% 55%, rgba(255,255,255,.05) 1px, transparent 1.6px),
    #0a0b10;
  border-bottom: 2px solid #8a7344;
}
.ba-hero h1 {
  font-family: 'Cinzel', serif; font-size: 2.6rem; font-weight: 700;
  letter-spacing: .22em; color: #e0b66a !important; margin: 0 0 .2rem;
  text-shadow: 0 0 32px rgba(201,163,92,.35);
}
.ba-hero .ba-tag {
  font-family: 'Cinzel', serif; letter-spacing: .32em; font-size: .85rem;
  color: #8d93a8; text-transform: uppercase;
}
.ba-hero .ba-buttons { margin-top: 1.6rem; }
.ba-hero .md-button {
  border-color: #8a7344; color: #c9a35c; font-family: 'Cinzel', serif;
  letter-spacing: .1em; margin: .2rem .3rem;
}
.ba-hero .md-button--primary {
  background: #c9a35c; border-color: #c9a35c; color: #0a0b10;
}
.ba-hero .md-button:hover {
  background: #e0b66a; border-color: #e0b66a; color: #0a0b10;
}

/* Card grid */
.md-typeset .grid.cards > ul > li {
  background: #12141d; border: 1px solid #2a2f42; border-radius: 4px;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: #8a7344; box-shadow: 0 0 18px rgba(201,163,92,.12);
}
.md-typeset .grid.cards strong { color: #c9a35c; font-family: 'Cinzel', serif; }