/* Barbara brand palette, matched to Barbara Academy's real Docusaurus theme
 * (barbara_academy_docusaurus/src/css/custom.css) rather than the marketing
 * site: blue (#16528b) primary in light mode, gold (#fbb92f) primary in
 * dark mode — Academy uses the opposite color as its dark-mode accent, so
 * this mirrors that swap and uses each mode's "other" color as its accent.
 */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #16528b;
  --md-primary-fg-color--dark: #0f3961;
  --md-primary-fg-color--light: #185a99;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #cd8c04;
  --md-accent-fg-color--transparent: #fbb92f26;
  --md-accent-bg-color: #ffffff;
  --md-typeset-a-color: #16528b;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #fbb92f;
  --md-primary-fg-color--dark: #cd8c04;
  --md-primary-fg-color--light: #fcc34c;
  --md-hue: 210;
  --md-accent-fg-color: #4d9fe0;
  --md-accent-fg-color--transparent: #4d9fe026;
  --md-typeset-a-color: #fcc34c;
}

.md-typeset a {
  font-weight: 500;
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

.md-header,
.md-tabs {
  background-color: #16528b;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #0f3961;
}

.md-footer {
  background-color: #0f3961;
}

.md-button {
  border-radius: 6px;
}

.md-button--primary,
.md-button:hover {
  background-color: #16528b;
  border-color: #16528b;
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-button--primary,
[data-md-color-scheme="slate"] .md-button:hover {
  background-color: #fbb92f;
  border-color: #fbb92f;
  color: #0f3961;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  color: #16528b;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #fbb92f;
}

.md-typeset h2 {
  border-bottom: 2px solid var(--md-accent-fg-color--transparent);
  padding-bottom: 0.3em;
}

.md-logo img {
  height: 1.6rem !important;
  width: auto !important;
}

.md-typeset .admonition,
.md-typeset details {
  border-width: 0 0 0 4px;
  border-radius: 4px;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #16528b;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset details.note {
  border-color: #fbb92f;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #cd8c04;
}

.md-typeset table:not([class]) th {
  background-color: #16528b;
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #0f3961;
}

.md-typeset table:not([class]) tr:hover {
  background-color: var(--md-accent-fg-color--transparent);
}

/* Academy's image treatment (.shadow-img in custom.css) — applied here to
 * every rendered image, since this docs site has no per-image class hook. */
.md-typeset img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}