/*
 * MobARK brand palette (from frontend/src/index.css / mobark_icon_only.svg):
 *   emerald      #1ed394  (primary accent)
 *   emerald-deep #017452  (header / strong surfaces)
 *   steel        #23cf92  (lighter emerald)
 *   steel-dim    #018a5e  (darker emerald)
 * Wired into Material via palette primary/accent: custom (see mkdocs.yml).
 *
 * The header background is --md-primary-fg-color in BOTH schemes; it stays
 * the deep emerald so the white-text brand logo (mobark_icon_text_desc_
 * whitetext.svg) remains readable. The bright emerald is the accent color.
 */
:root > * {
  --md-primary-fg-color: #017452;
  --md-primary-fg-color--light: #1ed394;
  --md-primary-fg-color--dark: #01603f;
  --md-accent-fg-color: #1ed394;
  --md-accent-fg-color--light: #23cf92;
  --md-accent-fg-color--dark: #018a5e;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #017452;
  --md-primary-fg-color--light: #1ed394;
  --md-primary-fg-color--dark: #01603f;
  --md-accent-fg-color: #1ed394;
  --md-accent-fg-color--light: #23cf92;
  --md-accent-fg-color--dark: #018a5e;
}