/* v3 téma: ÉLÉNK színek, modern felület. A style.css + risk.css után töltődik; csak a színeket és a felületet írja át. */
:root {
  --paper: #f4f2ff; --paper-2: #e8e4ff; --ink: #14103a; --ink-soft: #4b4a7a;
  --green: #5b2cff; --green-dark: #2a0f9e; --hi: #ffb703;
  --line: rgba(91, 44, 255, .16);
  --radius: 24px;
  --shadow: 0 14px 40px rgba(60, 20, 180, .16);
}

/* fejléc: élénk színátmenet, fehér szöveggel */
.top { background: linear-gradient(90deg, #2a0f9e, #5b2cff); color: #fff; border-bottom: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
.logo, .logo__text { color: #fff; }
.logo__mark { background: var(--hi); color: #14103a; }
.nav a { color: #fff; }
.nav a:hover { background: rgba(255, 255, 255, .16); }
.nav .nav__cta { background: var(--hi); color: #14103a; }
.nav .nav__cta:hover { background: #ffd24d; }

/* hirdetőtábla */
.hirdeto { background: linear-gradient(90deg, #14103a, #2a0f9e); border-bottom: 3px solid var(--hi); }

/* hero: sötét, élénk színátmenetekkel */
.hero { color: #fff; background: radial-gradient(900px 500px at 92% -10%, rgba(255, 61, 129, .6), transparent 60%), radial-gradient(800px 500px at 0% 112%, rgba(0, 194, 255, .5), transparent 60%), linear-gradient(135deg, #2a0f9e 0%, #5b2cff 60%, #7a3cff 100%); }
.hero h1 { color: #fff; font-weight: 800; letter-spacing: -.02em; }
.hero mark { background: none; color: var(--hi); }
.hero .eyebrow { color: #fff; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .3); }
.hero .lead { color: #e4defd; }
.hero .btn--primary { background: var(--hi); color: #14103a; border-color: var(--hi); box-shadow: 0 10px 28px rgba(255, 183, 3, .4); }
.hero .btn--primary:hover { background: #ffd24d; border-color: #ffd24d; box-shadow: 0 12px 30px rgba(255, 183, 3, .5); }
.hero .btn--ghost { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .6); }
.hero .btn--ghost:hover { background: rgba(255, 255, 255, .24); }
.stamp { background: linear-gradient(135deg, #ff3d81, #ff7a45); border-color: #fff; box-shadow: 0 12px 30px rgba(255, 61, 129, .45); }
.stamp__num { color: #fff; }

/* gombok a hero-n kívül */
.btn--primary { background: linear-gradient(135deg, #7a3cff, var(--green)); border-color: transparent; color: #fff; box-shadow: 0 10px 26px rgba(91, 44, 255, .4); }
.btn--primary:hover { background: linear-gradient(135deg, var(--green), var(--green-dark)); box-shadow: 0 12px 30px rgba(91, 44, 255, .5); }
.btn--ghost { color: var(--green); }
.btn--ghost:hover { background: rgba(91, 44, 255, .08); }

/* szolgáltatás-kártyák: négy élénk szín */
.services li:nth-child(1) { border-top-color: #5b2cff; }
.services li:nth-child(2) { border-top-color: #ff3d81; }
.services li:nth-child(3) { border-top-color: #00b8e6; }
.services li:nth-child(4) { border-top-color: #ffb703; }
.services__no { color: var(--ink); opacity: .18; }

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

/* lábléc, mobil gyorssáv, bemutató sáv */
.foot { background: #14103a; color: #cfc8f5; }
.dock { box-shadow: 0 -6px 20px rgba(60, 20, 180, .14); }
.vbar { background: #14103a; color: #e4defd; }