/* ─── Brand palettes ───────────────────────────────────────────────────────── */ :root > * { /* your primary */ --md-primary-fg-color: #ab2417; --md-primary-fg-color--light: #ECB7B7; --md-primary-fg-color--dark: #90030C; /* force the accent palette (used for hover states) to match primary */ --md-accent-fg-color: var(--md-primary-fg-color) !important; --md-accent-fg-color--light: var(--md-primary-fg-color--light)!important; --md-accent-fg-color--dark: var(--md-primary-fg-color--dark) !important; } /* ─── Dark‑mode link hover overrides ──────────────────────────────────────── */ html[data-md-color-scheme="slate"] { --md-nav-link-hover-color: var(--md-primary-fg-color--dark)!important; --md-header-link-hover-color: var(--md-primary-fg-color--dark)!important; --md-footer-link-hover-color: var(--md-primary-fg-color--dark)!important; } /* ─── Fixed, full‑viewport watermark (beneath everything) ────────────────── */ /* attach to so it never clips the nav drawer */ html { position: relative; } html::before { content: ""; position: fixed; inset: 0; /* top:0; right:0; bottom:0; left:0 */ background: url("assets/logo.png") no-repeat center center / 33% auto fixed; /* stay in place on scroll */ opacity: 0.15; /* subtle watermark */ pointer-events: none; /* clicks pass through */ z-index: -1; /* sit below all content */ } /* ─── Bolden all links on hover ──────────────────────────────────────────── */ .md-typeset a:hover, .md-nav__link:hover, .md-header__link:hover, .md-footer a:hover { font-weight: 600 !important; } /* ─── Mobile: smaller watermark ─────────────────────────────────────────── */ @media (max-width: 767px) { html::before { background-size: 75% auto !important; } } .md-header__button.md-logo img, .md-header__button.md-logo svg { fill: currentcolor; display: block; height: 2rem; width: auto; }