/* ==========================================================================
   Ostler Docs – brand overrides for MkDocs Material.

   Mirrors the marketing site (../../../style.css):
     --bg          #0c0b0a   warm near-black
     --amber       #c8956c   primary brand
     --amber-light #d9a87e   accent / hover

   Light mode uses Material defaults with amber accents for links/buttons.
   Dark mode (slate) re-skins headers and surfaces with the warm palette.
   ========================================================================== */

/* ----- Light mode (default scheme) -------------------------------------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #c8956c;
  --md-primary-fg-color--light: #d9a87e;
  --md-primary-fg-color--dark: #a87a55;
  --md-accent-fg-color: #a87a55;
  --md-accent-fg-color--transparent: rgba(168, 122, 85, 0.1);
}

/* ----- Dark mode (slate scheme) ----------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #c8956c;
  --md-primary-fg-color--light: #d9a87e;
  --md-primary-fg-color--dark: #1a1715;

  --md-accent-fg-color: #d9a87e;
  --md-accent-fg-color--transparent: rgba(217, 168, 126, 0.12);

  --md-default-bg-color: #0c0b0a;
  --md-default-fg-color: #e8e6e1;
  --md-default-fg-color--light: #a09a8e;
  --md-default-fg-color--lighter: #6d675c;
  --md-default-fg-color--lightest: #4a4540;

  --md-code-bg-color: #16140f;
  --md-code-fg-color: #e8e6e1;

  --md-typeset-a-color: #d9a87e;
}

/* Header keeps the warm dark surface in both modes for brand consistency */
.md-header {
  background: #0c0b0a;
  color: #e8e6e1;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

.md-tabs {
  background: #16140f;
  color: #e8e6e1;
}

.md-tabs__link {
  opacity: 0.7;
}

.md-tabs__link:hover,
.md-tabs__link--active {
  opacity: 1;
  border-bottom: 2px solid #c8956c;
}

/* Search box reads cleanly on the dark header */
.md-search__form {
  background: rgba(255, 255, 255, 0.08);
}

.md-search__form:hover {
  background: rgba(255, 255, 255, 0.12);
}

/* Subtle amber underline below H2s for a docs-y rhythm */
.md-typeset h2 {
  border-bottom: 1px solid rgba(200, 149, 108, 0.2);
  padding-bottom: 0.3em;
}

/* Inline code: warm tint on dark, neutral on light */
[data-md-color-scheme="slate"] .md-typeset code {
  background: rgba(200, 149, 108, 0.12);
  color: #d9a87e;
}

/* Buttons (md-button class) take the amber treatment */
.md-typeset .md-button--primary {
  background: #c8956c;
  border-color: #c8956c;
  color: #0c0b0a;
}

.md-typeset .md-button--primary:hover {
  background: #d9a87e;
  border-color: #d9a87e;
  color: #0c0b0a;
}