/* ============================================================
   KLUB DŁUGOWIECZNOŚCI — nadpisanie zielone
   Ładowane DODATKOWO po style.css na stronie klub.html
   ============================================================ */

:root {
  --navy: #2D3E3B;        /* dark text/green */
  --navy-mid: #4A6B4E;    /* mid green */
  --blue: #6B8E6F;        /* primary olive green */
  --blue-light: #8AAB8E;
  --blue-pale: #E8F0E5;
  --gold: #C9A970;        /* warm gold */
  --gold-light: #E8D8B0;
  --cream: #FFFBF7;
  --cream-dark: #F5EFE3;
  --text: #2D3E3B;
  --text-mid: #4A5F5C;
  --text-muted: #8A9A95;
  --border: rgba(107,142,111,0.18);
}

/* Hero green gradient instead of navy */
.hero, .page-hero, .pillars-bg, .newsletter-section, .final-cta {
  background: linear-gradient(135deg, #2D3E3B 0%, #4A6B4E 55%, #6B8E6F 100%) !important;
}
.final-cta { background: linear-gradient(135deg, #4A6B4E 0%, #2D3E3B 100%) !important; }
.social-strip { background: #2D3E3B; }

/* Nav darker green */
nav.site-nav { background: rgba(45,62,59,0.97); }

/* Footer darker green */
footer.site-footer { background: #1A2826; }

/* Tweak some accent colors to feel more "earthy" */
.membership-card.featured { border-color: var(--blue); background: linear-gradient(160deg, #F0F5EE 0%, #ffffff 100%); }
.btn-membership.primary { background: var(--blue); }
.btn-membership.primary:hover { background: var(--blue-light); }
.btn-sm { background: var(--blue); }
.btn-sm:hover { background: var(--blue-light); }
.offer-card.featured { border-color: var(--blue); }
.offer-card.featured .offer-card-tag { color: var(--blue); }
.process-bg { background: var(--blue-pale); }
.event-pill { background: var(--blue-pale); }
.info-box { background: var(--blue-pale); border-color: rgba(107,142,111,0.2); }
.testimonial-quote-icon { color: var(--blue-pale); }
.testimonial-avatar { background: var(--blue-pale); color: var(--blue); }
.article-image { background: linear-gradient(135deg, var(--blue-pale), var(--cream-dark)); }
.article-link { color: var(--blue); }
.article-link:hover { color: var(--gold); }