/* ========================================================================== brand.css — Malden First Assembly of God Brand config layer. Loads after mainstyle.css and before custom.css on every page. Colours, fonts and brand-level rules only. No component or page styles here. Source: the DesignCode comps (no project brief). Tokens moved from custom.css by template-adapt brand-css (T.3, 2026-09-25). ========================================================================== */ /* --- Brand colours --- primary = --mf-navy, secondary = --mf-blue, accent = --mf-orange, text = --mf-ink */ :root{ --mf-navy:#1C2B5A; --mf-navy-deep:#102044; --mf-navy-ink:#0d1b3a; --mf-blue:#114D91; --mf-orange:#DB904F; --mf-ink:#14171F; --mf-ink-soft:#2c3140; --mf-gray:#565A6E; --mf-bg-soft:#F4F6FB; --mf-line:#E4E8F0; --mf-line-soft:#EEF1F6; --mf-ondark:#c8d0e6; --mf-ondark-soft:#dbe1f0; --mf-muted-dark:#8a93b0; } /* --- Brand fonts --- Headings / display: Montserrat 300-800. Body: Roboto 300-700. Both load from Google Fonts in each page ; the type rules in custom.css (body.mf, .h2, .eyebrow, ...) apply them directly. */ /* --- Dark bands: headings inherit the band's own light colour --- Each band below declares color:#fff in custom.css (measured 2026-09-25). :where() keeps this reset at class weight, so a heading's own colour class in custom.css (e.g. .h2-cta) still wins. */ :is(.sec-cta, .tile--navy, .ftr, .idx-panel, .idx-3c-box, .idx-times, .wom-panel) :where(h1, h2, h3, h4, h5, h6) { color: inherit; } /* --- Links --- No global a:hover here on purpose: hover colours stay scoped to their components in custom.css, so no link inherits a hover onto a brand-coloured surface. */ /* --- Orphan / widow prevention (required base standard; plan rule L7) --- */ h1, h2, h3, h4, h5, .display, .eyebrow { text-wrap: balance; } p, li, blockquote, figcaption, .blurb, .lead { text-wrap: pretty; }