/* ============================================================================= Phase 151O.8.4.8 — Light Mode Glass Text + Edge Cleanup Visual parity only. This file loads after the section-heading hard lock. It does not change button height, padding, radius, display, flex/grid, gap, CTA layout, project story cards, or glass utility sizing. ========================================================================== */ /* Light-mode opt-in glass utilities keep the approved dark translucent glass material and off-white copy. This file is visual parity only. */ html[data-mht-theme-effective="light"] .mht-glass-card, html[data-mht-theme="light"] .mht-glass-card, html[data-mht-theme-effective="light"] .mht-glass-soft, html[data-mht-theme="light"] .mht-glass-soft { background: var(--mht-glass-card-bg) !important; border-color: var(--mht-glass-border-line-soft) !important; color: var(--mht-glass-text, #F6F2F7) !important; box-shadow: var(--mht-glass-shadow-card), var(--mht-glass-purple-glow) !important; } html[data-mht-theme-effective="light"] .mht-glass-panel, html[data-mht-theme="light"] .mht-glass-panel, html[data-mht-theme-effective="light"] .mht-glass-surface, html[data-mht-theme="light"] .mht-glass-surface, html[data-mht-theme-effective="light"] .mht-glass-strong, html[data-mht-theme="light"] .mht-glass-strong, html[data-mht-theme-effective="light"] .mht-page-cta__card--approved-glass, html[data-mht-theme="light"] .mht-page-cta__card--approved-glass { background: var(--mht-glass-panel-bg) !important; border-color: var(--mht-glass-border-line) !important; color: var(--mht-glass-text, #F6F2F7) !important; box-shadow: var(--mht-glass-shadow-panel), var(--mht-glass-purple-glow) !important; } html[data-mht-theme-effective="light"] .mht-glass-card::after, html[data-mht-theme="light"] .mht-glass-card::after, html[data-mht-theme-effective="light"] .mht-glass-panel::after, html[data-mht-theme="light"] .mht-glass-panel::after, html[data-mht-theme-effective="light"] .mht-page-cta__card--approved-glass::after, html[data-mht-theme="light"] .mht-page-cta__card--approved-glass::after { opacity: .40; } html[data-mht-theme-effective="light"] .mht-glass-card p, html[data-mht-theme="light"] .mht-glass-card p, html[data-mht-theme-effective="light"] .mht-glass-panel p, html[data-mht-theme="light"] .mht-glass-panel p, html[data-mht-theme-effective="light"] .mht-page-cta__card--approved-glass p, html[data-mht-theme="light"] .mht-page-cta__card--approved-glass p { color: var(--mht-glass-text-muted, rgba(221,214,227,.76)) !important; } html[data-mht-theme-effective="light"] .mht-glass-card :where(h1, h2, h3, h4, h5, h6, strong, b, .mht-thinking-card__title, .mht-thought-card__title), html[data-mht-theme="light"] .mht-glass-card :where(h1, h2, h3, h4, h5, h6, strong, b, .mht-thinking-card__title, .mht-thought-card__title), html[data-mht-theme-effective="light"] .mht-glass-panel :where(h1, h2, h3, h4, h5, h6, strong, b), html[data-mht-theme="light"] .mht-glass-panel :where(h1, h2, h3, h4, h5, h6, strong, b), html[data-mht-theme-effective="light"] .mht-page-cta__card--approved-glass :where(h1, h2, h3, h4, h5, h6, strong, b), html[data-mht-theme="light"] .mht-page-cta__card--approved-glass :where(h1, h2, h3, h4, h5, h6, strong, b) { color: var(--mht-glass-text, #F6F2F7) !important; } html[data-mht-theme-effective="light"] .mht-glass-card :where(p, li, small, .mht-thinking-card__excerpt, .mht-thinking-card__date, .mht-thinking-card__dur, .mht-thought-card__time), html[data-mht-theme="light"] .mht-glass-card :where(p, li, small, .mht-thinking-card__excerpt, .mht-thinking-card__date, .mht-thinking-card__dur, .mht-thought-card__time), html[data-mht-theme-effective="light"] .mht-glass-panel :where(p, li, small), html[data-mht-theme="light"] .mht-glass-panel :where(p, li, small), html[data-mht-theme-effective="light"] .mht-page-cta__card--approved-glass :where(p, li, small), html[data-mht-theme="light"] .mht-page-cta__card--approved-glass :where(p, li, small) { color: var(--mht-glass-text-muted, rgba(221,214,227,.76)) !important; } /* Light-mode buttons: visible premium surfaces only. No sizing rules here. */ html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav), html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav) { --btn-bg: linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,242,247,.78) 46%, rgba(230,216,255,.58) 100%); --btn-border: rgba(142, 99, 163, .36); --btn-text: #2F1F3A; background: var(--btn-bg) !important; border-color: var(--btn-border) !important; color: var(--btn-text) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 13px 32px rgba(76,52,93,.10), 0 0 0 1px rgba(142,99,163,.08) !important; } 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) { --btn-bg: linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,242,247,.72) 48%, rgba(230,216,255,.42) 100%); --btn-border: rgba(142, 99, 163, .30); --btn-text: #2F1F3A; background: var(--btn-bg) !important; border-color: var(--btn-border) !important; color: var(--btn-text) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 11px 28px rgba(76,52,93,.075) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):hover, html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):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:not(.mht-u-btn--nav):hover, html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):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,.96), rgba(230,216,255,.76) 100%) !important; border-color: rgba(142, 99, 163, .48) !important; color: #2F1F3A !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 15px 34px rgba(76,52,93,.11), 0 0 0 1px rgba(183,140,255,.12) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav)::before, html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav)::before { background: linear-gradient(90deg, transparent 0%, rgba(183,140,255,.20) 50%, transparent 100%) !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="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 { background: linear-gradient(90deg, rgba(230,216,255,.62), rgba(183,140,255,.28)) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav) .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav) .mht-u-btn__orb { background: #E6D8FF !important; color: #2F1F3A !important; box-shadow: inset 0 0 0 1px rgba(142,99,163,.18), 0 4px 14px rgba(76,52,93,.10) !important; } html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):hover .mht-u-btn__orb, html[data-mht-theme-effective="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):focus-visible .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):hover .mht-u-btn__orb, html[data-mht-theme="light"] .mht-u-btn--primary:not(.mht-u-btn--nav):focus-visible .mht-u-btn__orb { background: #B78CFF !important; color: #141017 !important; }