/*
 * eBiz brand overrides for MkDocs Material.
 * Colors and fonts mirror https://ebiz.uk (Tailwind/Astro source):
 *   dark header/footer carrying the white "eBiz" wordmark,
 *   near-black headings, slate body text, strong blue links,
 *   Inter body / Fira Sans headings / JetBrains Mono code.
 * Logo cube colors: red #E52B2B, yellow #F3BB19, blue #499ED7, green #489B45.
 */

/* ---- Brand palette (light scheme) ---- */
[data-md-color-primary="custom"] {
  /* Dark header/nav so the white eBiz wordmark reads clearly, as on ebiz.uk */
  --md-primary-fg-color:        #111827; /* gray-900, site heading/near-black */
  --md-primary-fg-color--light: #1f2937; /* gray-800 */
  --md-primary-fg-color--dark:  #0b1220;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  /* ebiz.uk link/action blue */
  --md-accent-fg-color:             #2244ec;
  --md-accent-fg-color--transparent: rgba(34, 68, 236, 0.1);
}

/* ---- Links and interactive accents ---- */
:root {
  --md-typeset-a-color: #2244ec; /* ebiz.uk link blue */
}

/* Slate (dark) scheme: keep the same brand blue but lift it for contrast */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #6f8bff;
}
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color:             #6f8bff;
  --md-accent-fg-color--transparent: rgba(111, 139, 255, 0.1);
}

/* ---- Typography ---- */
/* Fira Sans is applied site-wide via theme.font.text (matches ebiz.uk :root).
   Headings only need weight/color tuning here. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #111827; /* near-black, matches --tw-prose-headings */
}
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: inherit;
}

/* ---- Header logo sizing ---- */
.md-header__button.md-logo img {
  height: 1.9rem;
  width: auto;
}

/* ---- Accent bar echoing the logo cube ---- */
.md-header {
  border-bottom: 3px solid #499ed7; /* logo azure */
}