/* ==========================================================================
   MimirRO wiki theme — amber/gold on dark ink, matching the site palette.
   Overrides Material for MkDocs (primary: custom, accent: custom).
   ========================================================================== */

/* ---- Brand palette (single source of truth) ---- */
:root {
  --mimir-amber:        #d98a0f;   /* primary amber */
  --mimir-amber-bright: #f5b041;   /* highlights / dark-mode links */
  --mimir-amber-deep:   #b8770f;   /* light-mode links (AA on white) */
  --mimir-gold:         #ffc107;   /* accents */
  --mimir-ink:          #26221e;   /* dark ink (header/footer) */
  --mimir-ink-deep:     #17140f;
  --mimir-parchment:    #f5f2eb;
}

/* ---- Custom primary (header + footer = dark ink) ---- */
[data-md-color-primary=custom] {
  --md-primary-fg-color:        var(--mimir-ink);
  --md-primary-fg-color--light: #4a4038;
  --md-primary-fg-color--dark:  var(--mimir-ink-deep);
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, .7);
}

/* ---- Custom accent (amber) ---- */
[data-md-color-accent=custom] {
  --md-accent-fg-color:             var(--mimir-amber);
  --md-accent-fg-color--transparent: rgba(217, 138, 15, .1);
}

/* ---- Light scheme: amber links, warm surfaces ---- */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: var(--mimir-amber-deep);
  --md-footer-bg-color: var(--mimir-ink);
  --md-footer-bg-color--dark: var(--mimir-ink-deep);
}

/* ---- Dark (slate) scheme: warm-tinted, amber links ---- */
[data-md-color-scheme="slate"] {
  --md-hue: 30;
  --md-typeset-a-color: var(--mimir-amber-bright);
  --md-default-bg-color: hsl(30, 12%, 11%);
  --md-code-bg-color: hsl(30, 12%, 16%);
  --md-footer-bg-color: var(--mimir-ink-deep);
}

/* ---- Typography ---- */
.md-typeset {
  font-feature-settings: "kern", "liga";
}
.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--md-default-fg-color);
}
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -.01em;
  margin-top: 2.2em;
  padding-bottom: .25em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset h3 { font-weight: 600; }

/* ---- Header: subtle depth + amber brand tint on the logo ---- */
.md-header {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}
.md-header__title { font-weight: 700; }
.md-header__button.md-logo :is(img, svg) { color: var(--mimir-amber-bright); }

/* ---- Top nav tabs: amber active state ---- */
.md-tabs {
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent);
}
.md-tabs__link { opacity: .8; font-weight: 500; }
.md-tabs__link:hover,
.md-tabs__link--active { opacity: 1; }
.md-tabs__item--active .md-tabs__link {
  border-bottom: 2px solid var(--mimir-amber-bright);
  padding-bottom: .2rem;
}

/* ---- Links ---- */
.md-typeset a { font-weight: 500; }
.md-nav__link--active,
.md-nav__item .md-nav__link--active { color: var(--mimir-amber-deep); font-weight: 600; }
[data-md-color-scheme="slate"] .md-nav__link--active { color: var(--mimir-amber-bright); }

/* ---- Buttons ---- */
.md-typeset .md-button {
  border-radius: 8px;
  font-weight: 600;
  border-width: 2px;
}
.md-typeset .md-button--primary {
  background: var(--mimir-amber);
  border-color: var(--mimir-amber);
  color: #1a1510;
}
.md-typeset .md-button--primary:hover {
  background: var(--mimir-amber-bright);
  border-color: var(--mimir-amber-bright);
  color: #1a1510;
}

/* ---- Tables: clean, amber-tinted header ---- */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.md-typeset table:not([class]) th {
  background: rgba(217, 138, 15, .10);
  font-weight: 700;
  color: var(--md-default-fg-color);
}
.md-typeset table:not([class]) tr:hover {
  background: rgba(217, 138, 15, .05);
}

/* ---- Admonitions: rounder, softer ---- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  border-left-width: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
  font-size: .74rem;
}
.md-typeset :is(.admonition-title, summary) { font-weight: 700; }

/* ---- Code ---- */
.md-typeset code { border-radius: 4px; }
.md-typeset pre > code { border-radius: 8px; }

/* ---- Content width: a touch tighter for readability ---- */
.md-grid { max-width: 62rem; }

/* ---- Footer polish ---- */
.md-footer-meta { font-size: .7rem; }