/* Nakładka zauroczeni → paleta / klimat ero-randki.com
   Ładuj PO template/styles.css.
   Tło: img/ero-landing-1920.jpg (cdn.ero-randki.com/app/img2/landing/1920x1200.jpg)
   Akcent: #3E9686 na białym tle. */

:root {
  --bg: #ffffff;
  --bg-soft: #f4f7f6;
  --bg-card: #ffffff;
  --text: #0f1221;
  --muted: #55607a;
  --line: rgba(15, 18, 33, 0.1);
  --primary: #3e9686;
  --primary-2: #1c7147;
  --primary-3: #2d7a6e;
  --accent: #3e9686;
  --gradient: linear-gradient(135deg, #3e9686 0%, #1c7147 100%);
  --ok: #12b886;
  --shadow: 0 14px 40px rgba(15, 18, 33, 0.08);
  --font: "Roboto", "Nunito", system-ui, -apple-system, sans-serif;
  --display: "Montserrat", "Nunito", system-ui, -apple-system, sans-serif;
}

html,
body {
  background: #fff;
  color: var(--text);
  font-family: var(--font);
}

h1,
h2,
h3 {
  font-family: var(--display);
  color: var(--text);
}

/* ===== Przyciski ===== */
.btn {
  font-family: "Montserrat", var(--font);
  letter-spacing: 0.02em;
}

.btn--primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.btn--primary:hover {
  background: #2d7a6e;
  border-color: #2d7a6e;
  box-shadow: 0 8px 22px rgba(62, 150, 134, 0.28);
}

.btn--ghost:hover {
  border-color: rgba(62, 150, 134, 0.35);
}

.btn--outline:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(62, 150, 134, 0.08);
}

/* ===== Logo ===== */
.logo,
.logo span,
.logo__word {
  color: var(--primary);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  font-family: "Montserrat", var(--display);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -0.02em;
}

.nav > a {
  font-family: "Montserrat", var(--font);
}

.header {
  background: rgba(255, 255, 255, 0.96);
}

/* ===== Hero: zdjęcie landingu ero-randki, kolor tła biały ===== */
.hero {
  background-color: #fff;
  background-image: url("img/ero-landing-1920.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.eyebrow {
  color: var(--primary);
  font-family: "Montserrat", var(--font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

/* ===== Karty / hover (było limonkowe #b8cb1b) ===== */
.osoby-card:hover,
.user-card:hover {
  border-color: rgba(62, 150, 134, 0.4);
}

.live-card__body .btn:hover {
  background: #2d7a6e;
  border-color: transparent;
}

.story cite strong,
.osoby-card__name {
  color: var(--primary);
}

.counter strong {
  background: var(--primary);
}

.footer {
  background: #fff;
  border-top: 1px solid var(--line);
}

.footer__links a:hover {
  color: var(--primary);
}

.profile-card__tags span {
  border-color: rgba(62, 150, 134, 0.4);
  color: var(--primary);
  background: rgba(62, 150, 134, 0.08);
}

@media (max-width: 768px) {
  .nav {
    background: rgba(255, 255, 255, 0.98);
  }

  .nav > a:hover {
    background: rgba(62, 150, 134, 0.08);
  }
}