/* ===================================================== MH Theme — Phase 70 Light Mode Product Finish Scope: - Light-mode visual polish only. - Improves section contrast, card readability, border softness, footer readability, button states, and text hierarchy. Locked systems intentionally untouched: - header/nav - mobile dock - desktop/mobile utility control - modal system - logo source/hover logic - animation system ===================================================== */ html[data-mht-theme-effective="light"], html[data-mht-theme="light"] { --mht-p70-page: #F6F2F7; --mht-p70-page-soft: #FBF8FD; --mht-p70-card: rgba(255,255,255,.86); --mht-p70-card-strong: rgba(255,255,255,.94); --mht-p70-card-soft: rgba(253,251,255,.78); --mht-p70-border: rgba(76,52,93,.14); --mht-p70-border-strong: rgba(76,52,93,.22); --mht-p70-text: #2F1F3A; --mht-p70-text-soft: #4C345D; --mht-p70-muted: rgba(76,52,93,.66); --mht-p70-brand: #8E63A3; --mht-p70-brand-deep: #4C345D; --mht-p70-lavender: #E6D8FF; --mht-p70-glow: #B78CFF; } /* Page canvas: light, but still branded. */ html[data-mht-theme-effective="light"] body, html[data-mht-theme="light"] body { background: var(--mht-p70-page-soft, #FBF8FD) !important; color: var(--mht-p70-text) !important; } /* Global text hierarchy, excluding locked UI systems by selector choice. */ html[data-mht-theme-effective="light"] .mht-content-heading, html[data-mht-theme-effective="light"] .mht-heading, html[data-mht-theme-effective="light"] .mht-page-hero__heading, html[data-mht-theme-effective="light"] .mht-work__heading, html[data-mht-theme-effective="light"] .mht-thinking-card__title, html[data-mht-theme-effective="light"] .mht-thought-card__title, html[data-mht-theme-effective="light"] .mht-service-card__title, html[data-mht-theme-effective="light"] .mht-home-problem__heading, html[data-mht-theme-effective="light"] .mht-home-problem__card-title, html[data-mht-theme="light"] .mht-content-heading, html[data-mht-theme="light"] .mht-heading, html[data-mht-theme="light"] .mht-page-hero__heading, html[data-mht-theme="light"] .mht-work__heading, html[data-mht-theme="light"] .mht-thinking-card__title, html[data-mht-theme="light"] .mht-thought-card__title, html[data-mht-theme="light"] .mht-service-card__title, html[data-mht-theme="light"] .mht-home-problem__heading, html[data-mht-theme="light"] .mht-home-problem__card-title { color: var(--mht-p70-text) !important; text-shadow: 0 1px 0 rgba(255,255,255,.42); } html[data-mht-theme-effective="light"] .mht-content-body, html[data-mht-theme-effective="light"] .mht-text, html[data-mht-theme-effective="light"] .mht-page-hero__lede, html[data-mht-theme-effective="light"] .mht-thought-card__excerpt, html[data-mht-theme-effective="light"] .mht-thinking-card__excerpt, html[data-mht-theme-effective="light"] .mht-home-problem__body, html[data-mht-theme-effective="light"] .mht-home-problem__card-body, html[data-mht-theme="light"] .mht-content-body, html[data-mht-theme="light"] .mht-text, html[data-mht-theme="light"] .mht-page-hero__lede, html[data-mht-theme="light"] .mht-thought-card__excerpt, html[data-mht-theme="light"] .mht-thinking-card__excerpt, html[data-mht-theme="light"] .mht-home-problem__body, html[data-mht-theme="light"] .mht-home-problem__card-body { color: var(--mht-p70-text-soft) !important; } html[data-mht-theme-effective="light"] .mht-content-kicker, html[data-mht-theme-effective="light"] .mht-kicker, html[data-mht-theme-effective="light"] .mht-page-hero__kicker, html[data-mht-theme-effective="light"] .mht-work__kicker, html[data-mht-theme-effective="light"] .mht-thinking__kicker, html[data-mht-theme-effective="light"] .mht-build__kicker, html[data-mht-theme-effective="light"] .mht-home-problem__kicker, html[data-mht-theme="light"] .mht-content-kicker, html[data-mht-theme="light"] .mht-kicker, html[data-mht-theme="light"] .mht-page-hero__kicker, html[data-mht-theme="light"] .mht-work__kicker, html[data-mht-theme="light"] .mht-thinking__kicker, html[data-mht-theme="light"] .mht-build__kicker, html[data-mht-theme="light"] .mht-home-problem__kicker { color: rgba(76,52,93,.72) !important; } /* Section contrast: add air and separation without reintroducing old section plates. */ html[data-mht-theme-effective="light"] .mht-section, html[data-mht-theme-effective="light"] .mht-home-problem, html[data-mht-theme-effective="light"] .mht-page-hero, html[data-mht-theme="light"] .mht-section, html[data-mht-theme="light"] .mht-home-problem, html[data-mht-theme="light"] .mht-page-hero { border-color: rgba(76,52,93,.08) !important; } html[data-mht-theme-effective="light"] .mht-home-problem::before, html[data-mht-theme-effective="light"] .mht-page-hero__bg, html[data-mht-theme="light"] .mht-home-problem::before, html[data-mht-theme="light"] .mht-page-hero__bg { opacity: .72 !important; } /* Card readability: scoped to content cards only, not nav/modals/utility/dock. */ html[data-mht-theme-effective="light"] .mht-home-problem__card, html[data-mht-theme-effective="light"] .mht-service-card, html[data-mht-theme-effective="light"] .mht-thought-card, html[data-mht-theme-effective="light"] .mht-thinking-card, html[data-mht-theme-effective="light"] .mht-testimonial, html[data-mht-theme-effective="light"] .mht-faq__item, html[data-mht-theme-effective="light"] .mht-about-story__card, html[data-mht-theme-effective="light"] .mht-about-beliefs__item, html[data-mht-theme-effective="light"] .mht-about-fit__col, html[data-mht-theme-effective="light"] .mht-enq-card, html[data-mht-theme-effective="light"] .mht-contact-fallback__card, html[data-mht-theme-effective="light"] .mht-thank-you-card, html[data-mht-theme-effective="light"] .mht-storefront-lite__card, html[data-mht-theme="light"] .mht-home-problem__card, html[data-mht-theme="light"] .mht-service-card, html[data-mht-theme="light"] .mht-thought-card, html[data-mht-theme="light"] .mht-thinking-card, html[data-mht-theme="light"] .mht-testimonial, html[data-mht-theme="light"] .mht-faq__item, html[data-mht-theme="light"] .mht-about-story__card, html[data-mht-theme="light"] .mht-about-beliefs__item, html[data-mht-theme="light"] .mht-about-fit__col, html[data-mht-theme="light"] .mht-enq-card, html[data-mht-theme="light"] .mht-contact-fallback__card, html[data-mht-theme="light"] .mht-thank-you-card, html[data-mht-theme="light"] .mht-storefront-lite__card { background: radial-gradient(circle at 88% 0%, rgba(230,216,255,.42), rgba(230,216,255,0) 45%), linear-gradient(180deg, var(--mht-p70-card-strong), var(--mht-p70-card-soft)) !important; border-color: var(--mht-p70-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 18px 54px rgba(76,52,93,.075) !important; } html[data-mht-theme-effective="light"] .mht-home-problem__card:hover, html[data-mht-theme-effective="light"] .mht-service-card:hover, html[data-mht-theme-effective="light"] .mht-thought-card:hover, html[data-mht-theme-effective="light"] .mht-thinking-card:hover, html[data-mht-theme-effective="light"] .mht-about-beliefs__item:hover, html[data-mht-theme-effective="light"] .mht-storefront-lite__card:hover, html[data-mht-theme="light"] .mht-home-problem__card:hover, html[data-mht-theme="light"] .mht-service-card:hover, html[data-mht-theme="light"] .mht-thought-card:hover, html[data-mht-theme="light"] .mht-thinking-card:hover, html[data-mht-theme="light"] .mht-about-beliefs__item:hover, html[data-mht-theme="light"] .mht-storefront-lite__card:hover { border-color: var(--mht-p70-border-strong) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 22px 64px rgba(76,52,93,.10), 0 0 0 1px rgba(183,140,255,.06) !important; } /* Border and pill softness. */ html[data-mht-theme-effective="light"] .mht-build__tabs, html[data-mht-theme-effective="light"] .mht-page-hero__meta-pill, html[data-mht-theme-effective="light"] .mht-service-card__tag, html[data-mht-theme-effective="light"] .mht-thought-card__pill, html[data-mht-theme-effective="light"] .mht-thinking-card__cat, html[data-mht-theme-effective="light"] .mht-home-problem__number, html[data-mht-theme="light"] .mht-build__tabs, html[data-mht-theme="light"] .mht-page-hero__meta-pill, html[data-mht-theme="light"] .mht-service-card__tag, html[data-mht-theme="light"] .mht-thought-card__pill, html[data-mht-theme="light"] .mht-thinking-card__cat, html[data-mht-theme="light"] .mht-home-problem__number { background: rgba(255,255,255,.62) !important; border-color: rgba(142,99,163,.20) !important; color: rgba(76,52,93,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.74) !important; } /* Buttons outside the locked desktop header: clearer secondary/ghost states. */ html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav), html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav), html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav), html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav) { background: rgba(255,255,255,.68) !important; border-color: rgba(142,99,163,.28) !important; color: var(--mht-p70-brand-deep) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 30px rgba(76,52,93,.06) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):hover, html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):hover, html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):hover, html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):hover { background: var(--mht-p70-lavender) !important; border-color: rgba(142,99,163,.46) !important; color: var(--mht-p70-text) !important; } /* Content link polish. */ html[data-mht-theme-effective="light"] .mht-section a:not(.mht-u-btn):not(.mht-work-tile):not(.mht-thought-card):not(.mht-thinking-card), html[data-mht-theme="light"] .mht-section a:not(.mht-u-btn):not(.mht-work-tile):not(.mht-thought-card):not(.mht-thinking-card) { color: var(--mht-p70-brand-deep); text-underline-offset: .18em; text-decoration-thickness: 1px; text-decoration-color: rgba(142,99,163,.34); } /* Footer: clearer light ending without grey fog. */ html[data-mht-theme-effective="light"] .mht-footer, html[data-mht-theme="light"] .mht-footer { background: radial-gradient(ellipse 46% 30% at 50% 0%, rgba(230,216,255,.62), rgba(230,216,255,0) 72%), linear-gradient(180deg, rgba(246,242,247,0) 0%, rgba(253,251,255,.80) 38%, rgba(246,242,247,.98) 100%) !important; color: var(--mht-p70-text-soft) !important; } html[data-mht-theme-effective="light"] .mht-footer__brand-line, html[data-mht-theme-effective="light"] .mht-footer__social-title, html[data-mht-theme-effective="light"] .mht-footer__big-link, html[data-mht-theme="light"] .mht-footer__brand-line, html[data-mht-theme="light"] .mht-footer__social-title, html[data-mht-theme="light"] .mht-footer__big-link { color: var(--mht-p70-text) !important; } html[data-mht-theme-effective="light"] .mht-footer__links-cta-note, html[data-mht-theme-effective="light"] .mht-footer__copyright-bottom, html[data-mht-theme-effective="light"] .mht-footer__policy-link, html[data-mht-theme="light"] .mht-footer__links-cta-note, html[data-mht-theme="light"] .mht-footer__copyright-bottom, html[data-mht-theme="light"] .mht-footer__policy-link { color: var(--mht-p70-muted) !important; } html[data-mht-theme-effective="light"] .mht-footer__policy-link:hover, html[data-mht-theme="light"] .mht-footer__policy-link:hover { color: var(--mht-p70-text) !important; } /* ===================================================== Phase 151B.5.4 — light button equality + restrained consistency Root cleanup: the previous 151B.5.3 block still forced light-mode primary buttons to purple. Light-mode primary/secondary/ghost buttons now share one calm off-white glass surface by default; hover/focus stays in the same family instead of jumping between unrelated colors. ===================================================== */ html:not([data-mht-theme-effective="light"]):not([data-mht-theme="light"]) .mht-u-btn--secondary:not(.mht-u-btn--nav), html:not([data-mht-theme-effective="light"]):not([data-mht-theme="light"]) .mht-u-btn--ghost:not(.mht-u-btn--nav) { border-color: rgba(183,140,255,.45) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary, html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav), html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav), html[data-mht-theme="light"] .mht-u-btn--primary, html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav), html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav) { background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(246,242,247,.70)) !important; border-color: rgba(142,99,163,.34) !important; color: #2F1F3A !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 12px 30px rgba(76,52,93,.07) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:hover, html[data-mht-theme-effective="light"] .mht-u-btn--primary:focus-visible, html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):hover, html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):focus-visible, html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):hover, html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):focus-visible, html[data-mht-theme="light"] .mht-u-btn--primary:hover, html[data-mht-theme="light"] .mht-u-btn--primary:focus-visible, html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):hover, html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav):focus-visible, html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):hover, html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav):focus-visible { background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(230,216,255,.74)) !important; border-color: rgba(142,99,163,.46) !important; color: #2F1F3A !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 14px 32px rgba(76,52,93,.09) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav)::before, html[data-mht-theme-effective="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav)::before, html[data-mht-theme-effective="light"] .mht-u-btn--nav::before, html[data-mht-theme="light"] .mht-u-btn--secondary:not(.mht-u-btn--nav)::before, html[data-mht-theme="light"] .mht-u-btn--ghost:not(.mht-u-btn--nav)::before, html[data-mht-theme="light"] .mht-u-btn--nav::before { background: linear-gradient(90deg, rgba(230,216,255,.28), rgba(183,140,255,.16)) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary .mht-u-btn__orb { background: #E6D8FF !important; color: #2F1F3A !important; box-shadow: inset 0 0 0 1px rgba(142,99,163,.18) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:hover .mht-u-btn__orb, html[data-mht-theme-effective="light"] .mht-u-btn--primary:focus-visible .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary:hover .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary:focus-visible .mht-u-btn__orb { background: #B78CFF !important; color: #141017 !important; } html[data-mht-theme-effective="light"] .mht-u-btn--nav, html[data-mht-theme="light"] .mht-u-btn--nav { background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,242,247,.68)) !important; border-color: rgba(142,99,163,.38) !important; color: #2F1F3A !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 12px 28px rgba(76,52,93,.08) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--nav:hover, html[data-mht-theme-effective="light"] .mht-u-btn--nav:focus-visible, html[data-mht-theme="light"] .mht-u-btn--nav:hover, html[data-mht-theme="light"] .mht-u-btn--nav:focus-visible { background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(230,216,255,.74)) !important; border-color: rgba(142,99,163,.50) !important; color: #2F1F3A !important; }