/* ══════════════════════════════════════════════════════════════════ CREAM PAGE THEME — shared cream re-theme for the standalone / list pages (about, contact, partners, portfolio, terms, categories, store, promotions, events). Uses the homepage concept palette. These pages share one structure: transparent sections with cream text on the purple base, plus a purple accent band or two (a CTA, a quote). We flip the base to paper and force the content text dark, then restore light text on each family's accent bands. Scoped to body.cream-page · loaded AFTER the page CSS · reversible. Palette: paper #fbf8f4 · soft #f4efe6 · card #fff · ink #2a2540 · body #4a4553 · muted #8b7f92 · plum #5a1f63 · purple #8d319b ══════════════════════════════════════════════════════════════════ */ body.cream-page{ --c-paper:#fbf8f4; --c-cream:#f1eee9; --c-soft:#f4efe6; --c-card:#ffffff; --c-ink:#2a2540; --c-body:#4a4553; --c-muted:#8b7f92; --c-plum:#5a1f63; --c-purple:#8d319b; --c-line:#e7ded0; background: var(--c-paper); } /* The content surface is on
(it carries the purple), so paper it. */ body.cream-page main{ background: var(--c-paper) !important; } /* Purple SECTIONS that hold white cards → paper too (their cards keep their own bg + dark text; only true CTA bands stay purple accents below). */ body.cream-page :is(.contact-locations, .contact-form-section, .portfolio-press, .terms-glance){ background: var(--c-paper) !important; } /* ── content text → dark (header + footer live outside
, untouched) ── */ body.cream-page main :is(p,li,dd,dt,span,small,td,th,figcaption,blockquote,summary,time,label){ color: var(--c-body) !important; } body.cream-page main :is(h1,h2,h3,h4){ color: var(--c-ink) !important; } body.cream-page main :is(h1,h2,h3) em{ color: var(--c-purple) !important; } body.cream-page main .bmb-eyebrow{ color: var(--c-purple) !important; } body.cream-page main .bmb-eyebrow::before{ background: var(--c-purple) !important; } body.cream-page main strong{ color: var(--c-plum) !important; } body.cream-page main a:not(.bmb-cta):not([class*="btn"]){ color: var(--c-purple); } /* Ghost buttons carry cream text/border for purple backgrounds; on the cream surface they vanish, so recolour them purple (accents re-light them below). */ body.cream-page main .bmb-cta--ghost{ color: var(--c-purple) !important; border-color: rgba(141,49,155,.4) !important; } /* ══════════════════════════════════════════════════════════════════ ACCENTS — restore light text on the purple bands the flip darkened. Their purple backgrounds are set by each page's own CSS; we only put the text colour back to cream. ══════════════════════════════════════════════════════════════════ */ /* All purple accent bands across these families. :not(.bmb-cta) so the cream-pill buttons keep their own colour. */ body.cream-page :is( .about-cta, .about-founder-quote, .contact-cta, .partners-cta, .portfolio-story-tag, .portfolio-cta, .terms-cta ) :is(h1,h2,h3,h4,p,li,span,dd,dt,strong,em,blockquote,figcaption):not(.bmb-cta){ color:#fdf9ff !important; } body.cream-page :is( .about-cta, .about-founder-quote, .contact-cta, .partners-cta, .portfolio-story-tag, .portfolio-cta, .terms-cta ) .bmb-eyebrow{ color:#e6b8ef !important; } /* Ghost buttons INSIDE the purple accents stay cream (they sit on purple). */ body.cream-page :is(.about-cta, .contact-cta, .partners-cta, .portfolio-cta, .terms-cta) .bmb-cta--ghost{ color:#fdf9ff !important; border-color: rgba(255,255,255,.55) !important; } /* about-us "By the numbers": a DARKER-CREAM band (a distinct warm tone from the paper sections around it — same idea as the original's contrasting band). The stat figures keep the colourful gradient look of the image, but shifted to DARK brand tones (plum · purple · deep blue) so they read on the cream. */ body.cream-page .about-numbers{ background: #eae1d1 !important; background-image: none !important; } body.cream-page .about-stat-num{ background: linear-gradient(115deg,#5a1f63 0%,#8d319b 30%,#3a5896 50%,#8d319b 70%,#5a1f63 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: #5a1f63 !important; } body.cream-page :is(.about-stat-plus, .about-stat-star){ background: none !important; -webkit-text-fill-color: #5a1f63 !important; color: #5a1f63 !important; } /* ── partners page ────────────────────────────────────────────────── The "partner offer" bands (each is a .partner-card
) and the "Why hospitals choose BMB" band (.partners-why, a gradient image) were full purple → flip them to the cream surface. Their text falls back to the general dark rules; the final .partners-cta stays a purple accent. */ body.cream-page :is(.partner-card, .partners-why){ background: var(--c-paper) !important; background-image: none !important; } /* the logo box inside each offer → soft-cream card with a hairline */ body.cream-page .partner-logo{ background: var(--c-soft) !important; border-color: var(--c-line) !important; } /* the offer eyebrow uses its own class → give it the purple accent + line */ body.cream-page main .partner-eyebrow{ color: var(--c-purple) !important; } body.cream-page main .partner-eyebrow::before{ background: var(--c-purple) !important; }