/* v2 téma: PINK, modern, lágy. A style.css + risk.css után töltődik; csak a színeket és a felületet írja át. */
:root {
  --paper: #fff6fa; --paper-2: #ffe8f1; --ink: #2b1220; --ink-soft: #6d4a5c;
  --green: #d11d6b; --green-dark: #8c1049; --hi: #ffc4dc;
  --line: rgba(209, 29, 107, .16);
  --radius: 22px;
  --shadow: 0 12px 32px rgba(140, 16, 73, .12);
}

/* fejléc: világos, üveges */
.top { background: rgba(255, 255, 255, .92); color: var(--ink); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.logo { color: var(--green-dark); }
.logo__mark { background: linear-gradient(135deg, #ff5fa2, var(--green)); color: #fff; border-radius: 12px; }
.nav a { color: var(--ink); }
.nav a:hover { background: var(--paper-2); }
.nav .nav__cta { background: var(--green); color: #fff; }
.nav .nav__cta:hover { background: var(--green-dark); }

/* hirdetőtábla */
.hirdeto { background: linear-gradient(90deg, var(--green-dark), var(--green)); border-bottom: 0; }
.hirdeto--surgos { background: #3b0a1f; }
.hirdeto--surgos em { background: var(--hi); color: var(--green-dark); }

/* hero */
.hero { background: radial-gradient(900px 420px at 88% -10%, #ffc9de 0%, transparent 62%), radial-gradient(700px 360px at -5% 110%, #ffe1ee 0%, transparent 60%), linear-gradient(180deg, #fff 0%, var(--paper) 100%); }
.hero h1 { color: var(--ink); font-weight: 800; letter-spacing: -.02em; }
.hero mark { background: linear-gradient(transparent 60%, rgba(255, 110, 175, .5) 60% 94%, transparent 94%); }
.eyebrow { color: var(--green); }

/* gombok, bélyeg */
.btn { border-color: var(--green); }
.btn--primary { background: linear-gradient(135deg, #ff4f9a, var(--green)); border-color: transparent; color: #fff; box-shadow: 0 10px 24px rgba(209, 29, 107, .32); }
.btn--primary:hover { background: linear-gradient(135deg, var(--green), var(--green-dark)); box-shadow: 0 12px 28px rgba(209, 29, 107, .4); }
.btn--ghost { color: var(--green); }
.btn--ghost:hover { background: rgba(209, 29, 107, .08); }
.stamp { background: linear-gradient(135deg, #ff4f9a, var(--green)); border-color: #fff; box-shadow: 0 10px 26px rgba(209, 29, 107, .35); }
.stamp__num { color: #fff; }

/* kártyák, térkép, figyelmeztetések */
.map { border: 1px solid var(--line); box-shadow: var(--shadow); background: repeating-linear-gradient(45deg, var(--paper-2) 0 14px, #fff0f6 14px 28px); }
.map__load span { box-shadow: 0 8px 20px rgba(209, 29, 107, .3); }
.res__warn, .res__villam, .deadlines small.eltolva { background: #fff0f6; }
.person__av--foto { border-color: var(--hi); }

/* lábléc, mobil gyorssáv, bemutató sáv */
.foot { background: var(--green-dark); color: #ffe8f1; }
.dock { box-shadow: 0 -6px 20px rgba(140, 16, 73, .10); }
.vbar { background: var(--green-dark); color: #ffe8f1; }