/* ============================================================
   MMPAV - Spring 2026 cohesion overrides
   Loaded AFTER tr.css. Re-skins the Tony-Robbins-clone landing page
   into the site design language: gold -> cyan, Outfit/Inter -> DM Sans,
   eyebrows -> Space Mono. Canonical nav/footer come from header-footer.css.
   ============================================================ */

:root {
  /* Flip every gold accent to the site cyan (tr.css uses these vars) */
  --tr-gold:  #3de0e0;
  --tr-gold2: #22d3ee;
}

/* Typography parity with the rest of the site */
body.tr-body,
.tr-body p,
.tr-contrast__body,
.tr-section__lead,
.tr-offer-detail,
.tr-faq-answer-inner {
  font-family: 'DM Sans', sans-serif;
}
.tr-body h1, .tr-body h2, .tr-body h3, .tr-body h4,
.tr-hero__h1, .tr-section__h2, .tr-contrast__h2,
.tr-spring-cta__h2, .tr-offer-label, .tr-faq-question {
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: -0.02em;
}
.tr-eyebrow { font-family: 'Space Mono', monospace !important; }

/* Gold CTAs -> cyan gradient (match blog/service buttons) */
.tr-btn--gold {
  background: linear-gradient(135deg, #3de0e0 0%, #22d3ee 50%, #8b5cf6 140%) !important;
  color: #001014 !important;
  border: none !important;
}
.tr-btn--gold:hover { filter: brightness(1.05); transform: translateY(-2px); }

/* Reveal animation (tr.css body relies on .reveal -> .reveal--visible) */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s cubic-bezier(0.16,1,0.3,1), transform .7s cubic-bezier(0.16,1,0.3,1); }
.reveal--visible { opacity: 1; transform: none; }
.reveal--delay-1 { transition-delay: .08s; }
.reveal--delay-2 { transition-delay: .16s; }
.reveal--delay-3 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Keep page body fully black to match the site (tr black is #0a0a0a) */
body.tr-body { background: #000000; }

/* The canonical floating nav sits over the hero; give hero a little top room */
.tr-hero { padding-top: 0; }