/**
* Light theme overrides when html[data-theme="light"] — aligned with
* marketing_materials/public_website_sketch/styles.css § Light theme.
* Scoped to body.ewp-seed-experimentwp so other templates are unaffected.
*/
/* ── Page shell ── */
html[data-theme="light"] body.ewp-seed-experimentwp,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-site-blocks {
background-color: #f7f8fc !important;
background-image:
radial-gradient(ellipse 80% 50% at 5% 20%, rgba(99,102,241,.05), transparent 50%),
radial-gradient(ellipse 60% 40% at 95% 15%, rgba(236,72,153,.04), transparent 45%),
radial-gradient(ellipse 50% 50% at 50% 100%, rgba(34,211,238,.04), transparent 50%),
linear-gradient(180deg, #fff 0%, #f5f6fb 40%, #eef0f7 100%) !important;
color: #0f172a !important;
}
/* ── Header band (seeded template part) ── */
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header {
background: rgba(255,255,255,.92) !important;
backdrop-filter: blur(14px) !important;
border-bottom: 1px solid rgba(15,23,42,.06) !important;
box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(99,102,241,.03) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .brand {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .brand .brand-copy span {
color: #6366f1 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .brand .brand-mark {
background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(236, 72, 153, 0.1)) !important;
border-color: rgba(99, 102, 241, 0.15) !important;
}
/* Header nav — sketch light .nav (pills, no fill on hover) */
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .wp-block-navigation-item__content {
padding: 10px 11px !important;
border-radius: 999px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
color: #64748b !important;
text-decoration: none !important;
transition: background 0.15s, color 0.15s !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .wp-block-navigation-item__content:hover {
background: transparent !important;
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
background: transparent !important;
color: #0f172a !important;
font-weight: 700 !important;
}
/* ── Footer band (sketch light .site-footer / .footer-grid) ── */
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer.site-footer {
background: #f8f9fc !important;
border-top: none !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer .wp-block-columns.footer-grid {
border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer .footer-brand {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer .footer-tagline {
color: #334155 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer .footer-title {
color: #6366f1 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer .wp-block-heading {
color: #0f172a !important;
}
/* ── Typography ── */
html[data-theme="light"] body.ewp-seed-experimentwp h1,
html[data-theme="light"] body.ewp-seed-experimentwp h2,
html[data-theme="light"] body.ewp-seed-experimentwp h3,
html[data-theme="light"] body.ewp-seed-experimentwp h4,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-heading {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp p,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-paragraph {
color: #334155 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp a:not(.wp-block-button__link):not(.wp-block-navigation-item__content):not(.brand) {
color: #4f46e5 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp a:not(.wp-block-button__link):not(.wp-block-navigation-item__content):not(.brand):hover {
color: #0d9488 !important;
}
/* After global link colors: footer uses neutral stack (sketch), not indigo body links */
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer.site-footer .footer-grid a {
color: #334155 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-seed-footer.site-footer .footer-grid a:hover {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-kicker {
color: #6366f1 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-column strong {
color: #0f172a !important;
}
/* ── Theme toggle ── */
html[data-theme="light"] body.ewp-seed-experimentwp .theme-toggle {
background: #fff !important;
border: 1px solid rgba(15,23,42,.12) !important;
color: #475569 !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .theme-toggle:hover {
background: rgba(99,102,241,.06) !important;
border-color: rgba(99,102,241,.22) !important;
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-header-cta .wp-block-button__link {
box-shadow: 0 2px 8px rgba(99, 102, 241, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-header-cta .wp-block-button__link:hover {
box-shadow: 0 4px 16px rgba(99, 102, 241, 0.28), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
/* ── Cards & panels (ewp-*) ── */
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-comparison-row .wp-block-column {
background: #fff !important;
border: 1px solid rgba(15,23,42,.08) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-comparison-row .wp-block-column strong {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-comparison-row .wp-block-column p {
color: #475569 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-loop-panel {
background: #fff !important;
border: 1px solid rgba(15,23,42,.08) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-loop-panel .ewp-kicker {
color: #6366f1 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-loop-grid .wp-block-column {
background: #f8fafc !important;
border: 1px solid rgba(15,23,42,.07) !important;
box-shadow: 0 1px 3px rgba(0,0,0,.03) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-loop-grid .wp-block-column strong {
color: #0f172a !important;
opacity: 1 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-feature-grid .wp-block-column {
background: #fff !important;
border: 1px solid rgba(13,148,136,.12) !important;
border-left: 3px solid rgba(13,148,136,.5) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-feature-grid .wp-block-column strong {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-feature-grid .wp-block-column p {
color: #475569 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-capability-grid .wp-block-column {
background: #fff !important;
border: 1px solid rgba(79,70,229,.12) !important;
border-left: 3px solid rgba(79,70,229,.5) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-capability-grid .wp-block-column strong {
color: #0f172a !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-capability-grid .wp-block-column p {
color: #475569 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-cta-band {
background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(139,92,246,.07), rgba(236,72,153,.04)) !important;
border: 1px solid rgba(99,102,241,.12) !important;
box-shadow: 0 4px 24px rgba(99,102,241,.08) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-hero-panel {
background: linear-gradient(145deg, rgba(99,102,241,.07), rgba(34,211,238,.04), rgba(236,72,153,.03)) !important;
border: 1px solid rgba(99,102,241,.14) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-feature-band > .wp-block-column:last-child {
background: linear-gradient(180deg, rgba(255,255,255,.95), #fff) !important;
border: 1px solid rgba(15,23,42,.08) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-bullet-panel {
background: linear-gradient(145deg, rgba(99,102,241,.05), rgba(139,92,246,.03), rgba(236,72,153,.02)) !important;
border: 1px solid rgba(99,102,241,.12) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-compare .wp-block-column {
background: #fff !important;
border: 1px solid rgba(15,23,42,.08) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-pricing-grid .wp-block-column {
background: #fff !important;
border: 1px solid rgba(15,23,42,.08) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 16px rgba(99,102,241,.06), 0 12px 40px rgba(0,0,0,.035) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .ewp-pricing-grid .wp-block-column em {
color: #6366f1 !important;
}
/* ── Buttons ── */
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button:not(.is-style-outline) .wp-block-button__link,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button:not(.is-style-outline) .wp-element-button {
box-shadow: 0 2px 8px rgba(99,102,241,.2), 0 1px 2px rgba(0,0,0,.08) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button:not(.is-style-outline) .wp-element-button:hover {
box-shadow: 0 4px 16px rgba(99,102,241,.28), 0 2px 4px rgba(0,0,0,.1) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button.is-style-outline .wp-block-button__link,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button.is-style-outline .wp-element-button {
background: #fff !important;
color: #0f172a !important;
border: 1px solid rgba(15,23,42,.12) !important;
box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button.is-style-outline .wp-block-button__link:hover,
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-button.is-style-outline .wp-element-button:hover {
background: rgba(99,102,241,.04) !important;
border-color: rgba(99,102,241,.22) !important;
}
/* ── Separator, list, quote ── */
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-separator,
html[data-theme="light"] body.ewp-seed-experimentwp hr {
border-color: rgba(15,23,42,.12) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-list {
color: #334155 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-list li::marker {
color: #0d9488 !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-quote {
background: linear-gradient(145deg, rgba(99,102,241,.06), rgba(236,72,153,.04)) !important;
border-left-color: rgba(79,70,229,.5) !important;
}
html[data-theme="light"] body.ewp-seed-experimentwp .wp-block-quote cite {
color: #475569 !important;
}