diff --git a/assets/pasted-20260325-092739-06a4d742.png b/assets/pasted-20260325-092739-06a4d742.png new file mode 100644 index 0000000..faab941 Binary files /dev/null and b/assets/pasted-20260325-092739-06a4d742.png differ diff --git a/wp-content/mu-plugins/coaching-mvp.php b/wp-content/mu-plugins/coaching-mvp.php index f7d6772..c054b18 100644 --- a/wp-content/mu-plugins/coaching-mvp.php +++ b/wp-content/mu-plugins/coaching-mvp.php @@ -431,7 +431,7 @@ body.coaching-mvp-active.archive .wp-block-query .entry-content.alignfull.wp-blo border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)); border: 1px solid rgba(255,255,255,.22); - box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(6,13,31,.10); + box-shadow: none; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; @@ -1834,17 +1834,61 @@ body.coaching-mvp-active .wp-block-query-pagination a { /* Clean / flat redesign pass */ :root { - --coach-primary: #111827; - --coach-secondary: #111827; - --coach-accent: #111827; - --coach-background: #f7f7f5; - --coach-surface: #ffffff; - --coach-surface-soft: #fbfbfa; - --coach-text: #111827; - --coach-muted: #5f6773; - --coach-deep: #111827; - --coach-deeper: #111827; - --coach-border: rgba(17,24,39,.10); + --color-brand-primary: #ffd700; + --color-brand-secondary: #ada402; + --color-brand-tertiary: #788d04; + + --color-neutral-0: #ffffff; + --color-neutral-50: #f5f5f5; + --color-neutral-75: #fbfbfa; + --color-neutral-100: #fafaf9; + --color-neutral-200: #f3f4f6; + + --color-ink-900: #111827; + --color-ink-700: #424b57; + --color-ink-600: #5f6773; + --color-ink-400: #9ca3af; + + --color-bg: var(--color-neutral-50); + --color-surface: var(--color-neutral-0); + --color-surface-soft: var(--color-neutral-75); + --color-surface-subtle: var(--color-neutral-100); + --color-surface-muted: var(--color-neutral-200); + + --color-text: var(--color-ink-900); + --color-text-muted: var(--color-ink-700); + --color-text-subtle: var(--color-ink-600); + --color-border: rgba(17,24,39,.10); + --color-border-contrast: rgba(255,255,255,.32); + + --color-accent: var(--color-brand-primary); + --color-accent-alt: var(--color-brand-secondary); + --color-accent-strong: var(--color-brand-tertiary); + + --color-button-primary-bg: var(--color-brand-secondary); + --color-button-primary-text: var(--color-neutral-0); + --color-button-secondary-bg: var(--color-neutral-0); + --color-button-secondary-hover-bg: var(--color-neutral-200); + --color-button-secondary-text: var(--color-text); + + --color-badge-bg: var(--color-neutral-50); + --color-badge-text: var(--color-text); + --color-chip-bg: var(--color-neutral-200); + --color-chip-text: var(--color-text); + --color-icon-bg: var(--color-neutral-200); + --color-bullet: var(--color-ink-400); + + --coach-primary: var(--color-text); + --coach-secondary: var(--color-text); + --coach-accent: var(--color-accent); + --coach-background: var(--color-bg); + --coach-surface: var(--color-surface); + --coach-surface-soft: var(--color-surface-soft); + --coach-text: var(--color-text); + --coach-muted: var(--color-text-muted); + --coach-deep: var(--color-text); + --coach-deeper: var(--color-text); + --coach-border: var(--color-border); --coach-shadow: none; --coach-shadow-lg: none; --coach-shadow-card: none; @@ -2028,8 +2072,8 @@ body.coaching-mvp-active .wp-block-button__link, .coach-final-cta .coach-inline-link.is-primary, .coach-final-cta .coach-inline-link.is-secondary { padding: .78rem 1rem !important; - background: #ffffff !important; - color: var(--coach-text) !important; + background: var(--color-button-secondary-bg) !important; + color: var(--color-button-secondary-text) !important; border: 1px solid var(--coach-border) !important; box-shadow: none !important; } @@ -2043,16 +2087,16 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, .coach-inline-link:focus-visible, .coach-final-cta .coach-inline-link:hover, .coach-final-cta .coach-inline-link:focus-visible { - background: #f3f4f6 !important; + background: var(--color-button-secondary-hover-bg) !important; border-color: rgba(17,24,39,.16) !important; - color: var(--coach-text) !important; + color: var(--color-button-secondary-text) !important; } .coach-badge, .coach-audience-index, .coach-ways-signal-bar span, .coach-ways-section .coach-service-card li, .coach-final-cta .coach-badge { - background: #f7f7f5 !important; + background: var(--color-badge-bg) !important; border: 1px solid var(--coach-border) !important; box-shadow: none !important; } @@ -2064,7 +2108,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, width: 2.25rem !important; height: 2.25rem !important; border-radius: 6px !important; - background: #f3f4f6 !important; + background: var(--color-icon-bg) !important; border: 1px solid var(--coach-border) !important; box-shadow: none !important; color: var(--coach-text) !important; @@ -2072,7 +2116,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, .coach-proof-band { position: relative; overflow: clip; - background: #f3f4f6 !important; + background: var(--color-surface-muted) !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; @@ -2124,7 +2168,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, height: .34rem; top: .5rem; border-radius: 999px; - background: #9ca3af !important; + background: var(--color-bullet) !important; box-shadow: none !important; } .coach-work-together-section, @@ -2143,7 +2187,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, .coach-ways-copy, .coach-ways-mini-grid .coach-mini-card, .coach-final-cta .coach-mini-card { - background: #fafaf9 !important; + background: var(--color-surface-subtle) !important; border: 1px solid var(--coach-border) !important; } .coach-ways-section .coach-service-card ul { @@ -2180,7 +2224,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, width: 1.65rem; height: 1.65rem; border-radius: 4px; - background: #f3f4f6 !important; + background: var(--color-chip-bg) !important; border: 1px solid var(--coach-border); color: var(--coach-text) !important; font-size: 1rem; @@ -2196,7 +2240,7 @@ body.coaching-mvp-active .wp-block-button__link:focus-visible, /* Contrast recovery pass */ :root { - --coach-muted: #424b57; + --coach-muted: var(--color-text-muted); } body.coaching-mvp-active .coach-section p, body.coaching-mvp-active .coach-section li, @@ -2258,17 +2302,41 @@ body.coaching-mvp-active .wp-block-post-featured-image img, box-shadow: none !important; } .coach-hero-note .coach-badge.dark { - background: #ffffff !important; + background: var(--color-surface) !important; color: var(--coach-text) !important; - border: 1px solid rgba(17,24,39,.10) !important; + border: 1px solid var(--color-border) !important; box-shadow: none !important; } +/* Typography token layer */ +:root { + --font-family-display: inherit; + --font-family-body: inherit; + + --font-size-hero: clamp(2.85rem, 6vw, 4.4rem); + --font-size-section-title: clamp(1.9rem, 3.5vw, 2.35rem); + --font-size-card-title: 1.12rem; + --font-size-body: 1rem; + --font-size-label: .82rem; + + --line-height-hero: 1.04; + --line-height-section-title: 1.12; + --line-height-card-title: 1.32; + --line-height-body: 1.6; + --line-height-label: 1.25; + + --letter-spacing-display: -.04em; + --letter-spacing-heading: -.03em; + --letter-spacing-card-title: -.02em; + --letter-spacing-label: .01em; +} + /* Typography normalization pass */ body.coaching-mvp-active .coach-hero h1 { - font-size: clamp(2.85rem, 6vw, 4.4rem) !important; - line-height: 1.04 !important; - letter-spacing: -.04em !important; + font-family: var(--font-family-display) !important; + font-size: var(--font-size-hero) !important; + line-height: var(--line-height-hero) !important; + letter-spacing: var(--letter-spacing-display) !important; } body.coaching-mvp-active .coach-section > .wp-block-heading, body.coaching-mvp-active .coach-proof-band h2, @@ -2276,9 +2344,10 @@ body.coaching-mvp-active .coach-video-section .wp-block-heading, body.coaching-mvp-active .coach-work-together-section > .wp-block-heading, body.coaching-mvp-active .coach-final-cta h2, body.coaching-mvp-active .coach-cta-band h2 { - font-size: clamp(1.9rem, 3.5vw, 2.35rem) !important; - line-height: 1.12 !important; - letter-spacing: -.03em !important; + font-family: var(--font-family-display) !important; + font-size: var(--font-size-section-title) !important; + line-height: var(--line-height-section-title) !important; + letter-spacing: var(--letter-spacing-heading) !important; } body.coaching-mvp-active .coach-audience-card h3, body.coaching-mvp-active .coach-service-card h3, @@ -2294,10 +2363,13 @@ body.coaching-mvp-active .coach-mini-card h3, body.coaching-mvp-active .coach-blog-card h3, body.coaching-mvp-active .coach-video-note h3, body.coaching-mvp-active .coach-form-wrap h3 { - font-size: 1.12rem !important; - line-height: 1.32 !important; - letter-spacing: -.02em !important; + font-family: var(--font-family-display) !important; + font-size: var(--font-size-card-title) !important; + line-height: var(--line-height-card-title) !important; + letter-spacing: var(--letter-spacing-card-title) !important; } +body.coaching-mvp-active .coach-section p, +body.coaching-mvp-active .coach-section li, body.coaching-mvp-active .coach-audience-card p, body.coaching-mvp-active .coach-audience-card li, body.coaching-mvp-active .coach-service-card p, @@ -2321,15 +2393,23 @@ body.coaching-mvp-active .coach-mini-card p, body.coaching-mvp-active .coach-blog-card p, body.coaching-mvp-active .coach-video-note p, body.coaching-mvp-active .coach-form-wrap p { - font-size: 1rem !important; - line-height: 1.6 !important; + font-family: var(--font-family-body) !important; + font-size: var(--font-size-body) !important; + line-height: var(--line-height-body) !important; } body.coaching-mvp-active .coach-badge, body.coaching-mvp-active .coach-eyebrow, body.coaching-mvp-active .coach-audience-index, body.coaching-mvp-active .coach-logo-chip, body.coaching-mvp-active .coach-ways-section .coach-service-card li { - font-size: .82rem !important; + font-family: var(--font-family-body) !important; + font-size: var(--font-size-label) !important; + line-height: var(--line-height-label) !important; + letter-spacing: var(--letter-spacing-label) !important; +} +body.coaching-mvp-active .coach-eyebrow { + border: 1px solid var(--color-border-contrast) !important; + box-shadow: none !important; } @media (max-width: 960px) { .coach-ways-grid,