@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');

/* ── Brand palette ─────────────────────────────────────── */
:root {
  --md-primary-fg-color: #C5A059;
  --md-primary-fg-color--light: #d4b06a;
  --md-primary-fg-color--dark: #9C7C3A;
  --md-accent-fg-color: #3B82F6;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1115;
  --md-primary-fg-color: #C5A059;
  --md-accent-fg-color: #3B82F6;
}

/* ── Header ────────────────────────────────────────────── */

/* Light mode: dark header with gold text */
.md-header {
  backdrop-filter: blur(10px);
  background-color: #1a1c22;
}

.md-tabs {
  background-color: #1a1c22;
  border-bottom: 1px solid rgba(197, 160, 89, 0.15);
}

.md-header .md-header__title,
.md-header .md-header__topic,
.md-header .md-header__button,
.md-header .md-header-nav__button,
.md-header .md-search__input,
.md-header nav a {
  color: #C5A059;
}

/* Slate mode: same dark header, gold text */
[data-md-color-scheme="slate"] .md-header {
  background-color: rgba(15, 17, 21, 0.95);
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: rgba(15, 17, 21, 0.95);
}

[data-md-color-scheme="slate"] .md-header .md-header__title,
[data-md-color-scheme="slate"] .md-header .md-header__topic,
[data-md-color-scheme="slate"] .md-header .md-header__button,
[data-md-color-scheme="slate"] .md-header nav a {
  color: #C5A059;
}

/* Tab text inherits gold from header, override opacity for contrast */
.md-tabs__link {
  color: #C5A059 !important;
}

/* ── Tab bar — spacious, clean, interactive ────────────── */
.md-tabs__link {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.6rem 1.2rem;
  opacity: 0.7;
  transition: opacity 0.2s ease, border-bottom-color 0.2s ease;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.md-tabs__link:hover {
  opacity: 1;
}

.md-tabs__link--active,
.md-tabs__link[aria-selected="true"] {
  opacity: 1;
  border-bottom-color: var(--md-primary-fg-color);
  font-weight: 600;
}

/* ── Breadcrumb path (navigation.path) ─────────────────── */
.md-path {
  font-size: 0.75rem;
  opacity: 0.6;
}

/* ── Typography ────────────────────────────────────────── */
.md-typeset h1 {
  font-family: 'Cinzel', Georgia, serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.md-typeset table:not([class]) th {
  min-width: 6rem;
}

.md-typeset code {
  border-radius: 4px;
}

/* ── Admonitions ───────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details {
  border-color: #C5A059;
}

.md-typeset .admonition-title::before,
.md-typeset summary::before {
  color: #C5A059;
}

/* ── Sidebar navigation polish ─────────────────────────── */
.md-nav__item--nested > .md-nav__link {
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--md-primary-fg-color);
}

/* ── Grid cards — tighter, more visual ─────────────────── */
.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(197, 160, 89, 0.15);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: rgba(197, 160, 89, 0.4);
  box-shadow: 0 2px 12px rgba(197, 160, 89, 0.08);
}

/* ── Search highlight ──────────────────────────────────── */
.md-search-result mark {
  background-color: rgba(197, 160, 89, 0.3);
  color: inherit;
}
