/* ────────────────────────────────────────────────────────────────────────── Presidential Sites — navy & flag-red theme. Overrides Material's color variables. Targeting the color-scheme attributes (always present on ) guarantees these win over the built-in palette. ────────────────────────────────────────────────────────────────────────── */ :root, [data-md-color-scheme="default"], [data-md-color-scheme="slate"] { /* Header / primary — navy */ --md-primary-fg-color: #14213d; --md-primary-fg-color--light: #28386a; --md-primary-fg-color--dark: #0b1226; --md-primary-bg-color: #ffffff; /* text/icons on the navy header */ --md-primary-bg-color--light: rgba(255, 255, 255, 0.7); /* Accent — flag red (links, hover, focus) */ --md-accent-fg-color: #c8102e; --md-accent-fg-color--transparent: rgba(200, 16, 46, 0.1); } /* Body link color: navy in light mode, lighter blue in dark for contrast. */ [data-md-color-scheme="default"] { --md-typeset-a-color: #14213d; } [data-md-color-scheme="slate"] { --md-typeset-a-color: #8ab4ff; } /* Primary call-to-action button (the "Download on the App Store" button). */ .md-button--primary { background-color: var(--md-accent-fg-color); border-color: var(--md-accent-fg-color); color: #ffffff; } .md-button--primary:hover { background-color: #a50d26; border-color: #a50d26; }