Autosave: 20260325-093655

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;
+  --color-brand-primary: #ffd700;
-  --coach-secondary: #111827;
+  --color-brand-secondary: #ada402;
-  --coach-accent: #111827;
+  --color-brand-tertiary: #788d04;
-  --coach-background: #f7f7f5;
+
-  --coach-surface: #ffffff;
+  --color-neutral-0: #ffffff;
-  --coach-surface-soft: #fbfbfa;
+  --color-neutral-50: #f5f5f5;
-  --coach-text: #111827;
+  --color-neutral-75: #fbfbfa;
-  --coach-muted: #5f6773;
+  --color-neutral-100: #fafaf9;
-  --coach-deep: #111827;
+  --color-neutral-200: #f3f4f6;
-  --coach-deeper: #111827;
+
-  --coach-border: rgba(17,24,39,.10);
+  --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;
+  background: var(--color-button-secondary-bg) !important;
-  color: var(--coach-text) !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;
+  font-family: var(--font-family-display) !important;
-  line-height: 1.04 !important;
+  font-size: var(--font-size-hero) !important;
-  letter-spacing: -.04em !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;
+  font-family: var(--font-family-display) !important;
-  line-height: 1.12 !important;
+  font-size: var(--font-size-section-title) !important;
-  letter-spacing: -.03em !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;
+  font-family: var(--font-family-display) !important;
-  line-height: 1.32 !important;
+  font-size: var(--font-size-card-title) !important;
-  letter-spacing: -.02em !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;
+  font-family: var(--font-family-body) !important;
-  line-height: 1.6 !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,