/*
  MkDocs Material Theme: Custom Color Overrides
  This version uses !important for the header to force the color.
*/

/* 1. Set Custom Variables for all color schemes (Default/Light) */
:root {
  --md-color-primary: #111111 !important;
  --md-color-accent: #ff6e40 !important; /* Retaining the orange accent */
}

/* 2. Set Custom Variables for the SLATE (Dark) Scheme */
[data-md-color-scheme="slate"] {
  --md-color-primary: #111111 !important;
  --md-color-accent: #ff6e40 !important;
}

/* 3. Direct, high-priority override for the Header Bar */
/* This targets the header element itself and uses the specific HEX code */
.md-header {
  background-color: #111111 !important;
}

/* 4. Ensure header icons/text are visible on the dark header */
.md-header-nav__button,
.md-header-nav__topic,
.md-header-nav__title {
  color: white !important;
}