/* Custom header/banner color for corp.devonshiredigital.com. * Material for MkDocs' built-in palette only offers a fixed set of named * colors (indigo, teal, etc.), not arbitrary hex, so this overrides the * CSS custom properties Material itself uses. * * Material sets `data-md-color-primary="indigo"` on , not , * and its own [data-md-color-primary=indigo] rule re-declares these same * custom properties AT that body level. Since .md-header inherits the * property from the nearest ancestor with a matching declaration, an * override on :root alone is never seen - body's own declaration wins * first. `!important` here ensures this rule wins regardless of which * element in the tree Material's palette CSS targets. */ :root, body { --md-primary-fg-color: #0D1B2A !important; --md-primary-fg-color--light: #0D1B2A !important; --md-primary-fg-color--dark: #0D1B2A !important; --md-primary-bg-color: #FFFFFF !important; --md-primary-bg-color--light: #FFFFFF !important; }