/* ══════════════════════════════════════════════════════════════════ HOMEPAGE — CONCEPT COLOUR THEME (impeccable · colorize) Applies the BMB homepage-concept palette from the "Choose your path" section downward. COLOUR ONLY — no layout, structure, shadow, border, or motion changes. The hero above is left untouched. Scoped to body.home-concept, loaded after home.css, fully reversible. Palette (from BMB-homepage-concept.html): paper #fbf8f4 · cream #f1eee9 · card #fff · ink #2a2540 · body #4a4553 · muted #8b7f92 · plum #5a1f63 · purple #8d319b · line #e7ded0 ══════════════════════════════════════════════════════════════════ */ body.home-concept{ --c-paper:#fbf8f4; --c-cream:#f1eee9; --c-card:#ffffff; --c-ink:#2a2540; --c-body:#4a4553; --c-muted:#8b7f92; --c-plum:#5a1f63; --c-purple:#8d319b; --c-line:#e7ded0; /* Paper base so the gaps between sections (their vertical margins) and any side gutters read cream instead of the purple background. The hero paints its own image/purple on top, so it stays purple. */ background: var(--c-paper); } /* The hero (.bmb-stage, above Choose your path) was purple only because of the old purple background. Now that the body is paper, re-paint the hero purple explicitly so it stays exactly as before. */ body.home-concept .bmb-stage{ background: var(--bg); } /* ── Field: paper surface + dark ink, from Choose Your Path down ── Redefining the ink ramp cascades to every element that colours text via the theme variable. */ body.home-concept .bmb-stages, body.home-concept .bmb-why, body.home-concept .bmb-testimonials, body.home-concept .bmb-blog-teaser, body.home-concept .bmb-locations{ background: var(--c-paper); --ink: var(--c-ink); --ink-2: var(--c-body); --muted: var(--c-muted); --line: var(--c-line); color: var(--c-body); } /* .bmb-stages carries a full-bleed purple gradient for its rise-up. Recolour that gradient to paper so the transition stays soft but reads cream (colour change only — the rise-up itself is unchanged). */ body.home-concept .bmb-stages{ background: linear-gradient(180deg, rgba(251,248,244,0) 0%, rgba(251,248,244,0.85) 120px, var(--c-paper) 260px, var(--c-paper) 100%); } /* Section eyebrows → purple. */ body.home-concept :is(.bmb-stages,.bmb-why,.bmb-testimonials,.bmb-blog-teaser,.bmb-locations) .bmb-eyebrow{ color: var(--c-purple); } body.home-concept :is(.bmb-stages,.bmb-why,.bmb-testimonials,.bmb-blog-teaser,.bmb-locations) .bmb-eyebrow::before{ background: var(--c-purple); } /* Section titles (h2) → ink · sub-titles (h3) → plum · emphasis → purple. */ body.home-concept :is(.bmb-stages,.bmb-why,.bmb-testimonials,.bmb-blog-teaser,.bmb-locations) h2{ color: var(--c-ink); } body.home-concept :is(.bmb-why,.bmb-testimonials,.bmb-blog-teaser,.bmb-locations) h3, body.home-concept .bmb-path-body h3{ color: var(--c-plum); } body.home-concept :is(.bmb-stages,.bmb-why,.bmb-testimonials,.bmb-blog-teaser,.bmb-locations) :is(h1,h2,h3) em{ color: var(--c-purple); } /* Why-BMB pillar boxes → white cards on paper. */ body.home-concept .bmb-why-pillars li{ background: var(--c-card); border-color: var(--c-line); } body.home-concept .bmb-why-pillars .bmb-pillar-num{ color: var(--c-purple); } /* Testimonials — coloured chips/avatars keep their own light text; the cyan stars get the darkened accent so they read on paper. */ body.home-concept .bmb-review-summary-btn{ color: var(--c-cream); } body.home-concept .bmb-review-avatar{ color:#ffffff; } body.home-concept .bmb-review-summary-stars, body.home-concept .bmb-review-stars{ color: var(--accent-ink); } /* ── Accent bands kept plum (concept) — restore their light text so the ink-flip above doesn't touch them. ── */ /* Consultation card (inside .bmb-stages) stays plum. */ body.home-concept .bmb-consult .bmb-eyebrow{ color:#e6b8ef; } body.home-concept .bmb-consult .bmb-eyebrow::before{ background:#e6b8ef; } body.home-concept .bmb-consult h3{ color:#ffffff; } /* Final CTA → plum accent band; its text stays cream (global --ink). */ body.home-concept .bmb-final-cta{ background: var(--c-plum); border-radius: 24px; } /* ── Testimonials: darker-cream panel holding lighter-cream cards ── The shell becomes a darker warm-cream panel; the 4 review cards sit on it as lighter cards with rounded corners + a soft shadow (border dropped so the shadow alone defines them). */ body.home-concept .bmb-testimonials-shell{ background: #ece3d5; border-radius: 22px; padding: clamp(1.1rem, 2.6vw, 2rem); } body.home-concept .bmb-review-summary, body.home-concept .bmb-review-card{ background: #fffdfa; border-color: transparent; border-radius: 16px; box-shadow: 0 12px 30px -20px rgba(42, 12, 48, 0.28); }