/* Color-only variants for /landing/7-reasons-v1..v3.
   These overrides intentionally sit after shared/css/styles.css. */

.lp-7-reasons-variant {
  --color-text: #1a0f08;
  --color-text-light: #4a3f35;
  --color-text-muted: #6f6256;
  --color-bg: #ffffff;
  --color-bg-light: #fbf5ec;
  --color-border: #d8cbbb;
  --color-success: #17443d;
  --variant-cream: #fbf5ec;
  --variant-bone: #f5ede0;
  --variant-gold: #b89454;
  --variant-gold-light: #dec27f;
  --variant-overlay-rgb: 45, 31, 20;
  --variant-press-bg: #f0ebe4;
  --variant-card-bg: #fffaf3;
  --variant-cta-text: #1a0f08;
}

.lp-7-reasons-v1 {
  --color-primary: #2d1f14;
  --color-primary-dark: #1a0f08;
  --color-primary-light: #ebd9be;
  --color-bg-warm: #f5ede0;
  --color-star: #b89454;
  --variant-accent: #b89454;
  --variant-accent-dark: #8a6a35;
  --variant-cta-top: #dec27f;
  --variant-cta-bottom: #b89454;
  --variant-limited-start: #fbf5ec;
  --variant-limited-mid: #f5ede0;
  --variant-limited-end: #ebd9be;
  --variant-dark-band: #2d1f14;
}

.lp-7-reasons-v2 {
  --color-primary: #17443d;
  --color-primary-dark: #102f2a;
  --color-primary-light: #dcebe5;
  --color-bg-warm: #f3eadc;
  --color-star: #b89454;
  --variant-accent: #b89454;
  --variant-accent-dark: #80622f;
  --variant-cta-top: #d9bd78;
  --variant-cta-bottom: #b89454;
  --variant-limited-start: #fbf5ec;
  --variant-limited-mid: #edf4ee;
  --variant-limited-end: #dcebe5;
  --variant-dark-band: #17443d;
  --variant-overlay-rgb: 23, 68, 61;
}

.lp-7-reasons-v3 {
  --color-primary: #9b4b35;
  --color-primary-dark: #6f2f24;
  --color-primary-light: #f4e4dc;
  --color-bg-warm: #f5ede0;
  --color-star: #b89454;
  --variant-accent: #d16f00;
  --variant-accent-dark: #9a4f08;
  --variant-cta-top: #e2a75d;
  --variant-cta-bottom: #b89454;
  --variant-limited-start: #fbf5ec;
  --variant-limited-mid: #f5ede0;
  --variant-limited-end: #f4e4dc;
  --variant-dark-band: #6f2f24;
  --variant-overlay-rgb: 111, 47, 36;
}

.lp-7-reasons-variant .hero--has-bg {
  background: var(--color-primary-dark);
}

.lp-7-reasons-variant .hero--has-bg::after {
  background: linear-gradient(
    90deg,
    rgba(var(--variant-overlay-rgb), 0.96) 0%,
    rgba(var(--variant-overlay-rgb), 0.92) 30%,
    rgba(var(--variant-overlay-rgb), 0.74) 50%,
    rgba(var(--variant-overlay-rgb), 0.36) 70%,
    rgba(var(--variant-overlay-rgb), 0.12) 85%,
    rgba(var(--variant-overlay-rgb), 0) 100%
  );
}

.lp-7-reasons-variant .authority-badge {
  background: rgba(255, 250, 243, 0.15);
}

.lp-7-reasons-variant .btn--primary:hover {
  box-shadow: 0 4px 16px rgba(var(--variant-overlay-rgb), 0.28);
}

.lp-7-reasons-variant .btn--cta-gold {
  background: linear-gradient(180deg, var(--variant-cta-top) 0%, var(--variant-cta-bottom) 100%);
  color: var(--variant-cta-text);
}

.lp-7-reasons-variant .btn--cta-gold:hover {
  background: linear-gradient(180deg, #ead292 0%, var(--variant-cta-bottom) 100%);
}

.lp-7-reasons-variant .press-logos {
  background: var(--variant-press-bg);
  border-color: var(--color-border);
}

.lp-7-reasons-variant .press-quotes,
.lp-7-reasons-variant .footer {
  background: var(--variant-dark-band);
}

.lp-7-reasons-variant .carousel__source {
  color: var(--variant-accent);
}

.lp-7-reasons-variant .testimonial-card,
.lp-7-reasons-variant .ext-review {
  background: var(--variant-card-bg);
}

.lp-7-reasons-variant .limited-offer {
  background: linear-gradient(
    135deg,
    var(--variant-limited-start) 0%,
    var(--variant-limited-mid) 52%,
    var(--variant-limited-end) 100%
  );
}

.lp-7-reasons-variant .sticky-cta-bar__icon svg ellipse {
  fill: var(--variant-accent);
}

.lp-7-reasons-variant .footer__links a:hover {
  color: var(--variant-gold-light);
}

@media (max-width: 768px) {
  .lp-7-reasons-variant .press-logos {
    background: var(--color-bg);
  }

  .lp-7-reasons-variant .hero--has-bg::after {
    background: linear-gradient(
      180deg,
      rgba(var(--variant-overlay-rgb), 0.96) 0%,
      rgba(var(--variant-overlay-rgb), 0.92) 35%,
      rgba(var(--variant-overlay-rgb), 0.7) 55%,
      rgba(var(--variant-overlay-rgb), 0.32) 75%,
      rgba(var(--variant-overlay-rgb), 0) 100%
    );
  }
}