/*
 * kMetal brand bridge for Material for MkDocs — minimal overlay.
 * Only the chrome is branded (navy header/tabs/footer + rubine link accent).
 * Material owns typography, tables, code blocks, admonitions, spacing.
 * Brand constants mirror src/styles/global.css (Astro).
 */

:root {
  --brand-navy:       #0a0e14;
  --brand-border-nav: #1f2530;
  --brand-rubine:     #D81D56;
}

/* ━━ Token overrides ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:      var(--brand-navy);
  --md-accent-fg-color:       #B81848;        /* rubine darkened to ~5.7:1 on white */
  --md-typeset-a-color:       #B81848;
  --md-footer-bg-color:       var(--brand-navy);
  --md-footer-bg-color--dark: #050709;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:      var(--brand-navy);
  --md-accent-fg-color:       var(--brand-rubine);
  --md-typeset-a-color:       var(--brand-rubine);
  --md-footer-bg-color:       var(--brand-navy);
  --md-footer-bg-color--dark: #050709;
}

/* ━━ Chrome: refine palette.primary=black to brand-navy ━━━━━━━━━━━━━━━ */

.md-header {
  background-color: rgba(10, 14, 20, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--brand-border-nav);
}

/* Constrain logo <img> (Material only sizes SVG-as-element, not <img>) */
.md-header__button.md-logo img {
  height: 1.2rem;
  width: auto;
}