/* Brand colors (Tegrita) — override Material for MkDocs defaults. Material sets its palette variables on via attribute selectors (data-md-color-scheme / -primary / -accent). We must target those same selectors (not just :root) so the overrides win the cascade. */ [data-md-color-scheme] { /* Primary (header, sidebar accents, links) — orange */ --md-primary-fg-color: #ff4c00; --md-primary-fg-color--light: #ff824d; --md-primary-fg-color--dark: #bf3900; /* Accent (highlighted links, buttons, focus states) — navy */ --md-accent-fg-color: #062a47; --md-accent-fg-color--light: #516a7e; --md-accent-fg-color--dark: #052035; } /* Compact header — smaller site title, theme toggle, and search. The header height is content-driven, so shrinking these elements also makes the whole header bar shorter. */ .md-header__topic { font-size: .85rem; /* site title text */ } /* The title sets an explicit height: 2.4rem (in addition to line-height) which is what makes the header bar tall and dwarf the logo — shrink both so the bar is more compact. */ .md-header__title, .md-header__ellipsis, .md-header__topic { line-height: 2rem; } .md-header__title { height: 2rem; /* default is 2.4rem */ } .md-header__button { margin: .1rem; /* tighter header buttons */ padding: .25rem; } /* The logo button matches main.css's higher-specificity `.md-header__button.md-logo` (padding .4rem), so override it here. */ .md-header__button.md-logo { margin: .1rem; padding: .25rem; } /* Dark/light mode toggle + hamburger icons. In this Material version the