/* PowerDeck public docs — brand + light/dark palette.
   Charcoal header + orange accent, per the other PowerDeck surfaces. */

/* ── Light scheme (default) ─────────────────────────────────────── */
:root {
  --md-primary-fg-color:         #222222;   /* charcoal header/tabs */
  --md-primary-fg-color--light:  #333333;
  --md-primary-fg-color--dark:   #161616;
  --md-primary-bg-color:         #ffffff;
  --md-accent-fg-color:          #e65c00;   /* darker orange — AA on white */
  --md-accent-bg-color:          #ffffff;
  --md-typeset-a-color:          #e65c00;
  --pd-orange:                   #ff6b00;
}

/* ── Dark scheme (slate) ────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:         #1a1a1a;
  --md-primary-fg-color--light:  #2a2a2a;
  --md-primary-fg-color--dark:   #0e0e0e;
  --md-accent-fg-color:          #ff7b1a;   /* brighter orange on dark */
  --md-typeset-a-color:          #ff8f3d;
  --pd-orange:                   #ff6b00;
}

/* ── Header / tabs ──────────────────────────────────────────────── */
.md-header {
  background-color: var(--md-primary-fg-color) !important;
  border-bottom: 3px solid var(--pd-orange) !important;
}
.md-header__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.md-header__button.md-logo img {
  height: 32px;
  width: 32px;
  border-radius: 6px;
}
.md-tabs {
  border-bottom: 1px solid rgba(128,128,128,0.25);
}
.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--pd-orange) !important;
}
.md-tabs__indicator {
  background-color: var(--pd-orange);
}

/* ── Typography ─────────────────────────────────────────────────── */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.md-typeset a {
  color: var(--md-typeset-a-color);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.md-typeset a:hover {
  opacity: 0.85;
}

/* ── Nav accent ─────────────────────────────────────────────────── */
.md-nav__link--active,
.md-nav__link:hover,
.md-nav__item--active > .md-nav__link {
  color: var(--pd-orange) !important;
}

/* ── Tables ─────────────────────────────────────────────────────── */
.md-typeset table:not([class]) th {
  background-color: rgba(255,107,0,0.08);
}

/* ── Admonitions use the brand orange ───────────────────────────── */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--pd-orange);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(255,107,0,0.12);
}