/* Zakelijke visuele laag: ingetogen marineblauw, koele neutralen en rustige interacties. */
:root{
  --ink:#111827;
  --muted:#5f6b7a;
  --paper:#f5f7f9;
  --surface:#fff;
  --line:#d9e0e7;
  --forest:#17466f;
  --acid:#dbe8f2;
  --lilac:#e8eef4;
  --peach:#e4e9ee;
  --sky:#dce7ef;
  --shadow:0 18px 48px rgba(20,39,58,.11)
}
::selection{background:#c9dce9;color:var(--ink)}
.header{background:rgba(255,255,255,.96);border-bottom-color:var(--line)}
.brand-logo{filter:none}
.brand:hover .brand-logo{transform:translateY(-1px)}
.brand-name b{color:var(--forest)}
.nav a:after{height:2px;background:var(--forest);box-shadow:none}
.button{border-radius:8px;gap:14px}
.button-primary,.button-dark{background:var(--forest);color:#fff}
.button-light{background:#fff;color:#123b5d}
.search button,.tag{background:var(--forest);color:#fff}
.button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,39,58,.14)}
.eyebrow i{background:var(--forest);box-shadow:0 0 0 4px rgba(23,70,111,.12)}
.hero h1 em{color:var(--forest);font-family:inherit;font-style:normal;font-weight:700}
.search{border-radius:10px;box-shadow:0 10px 30px rgba(20,39,58,.08)}
.search button{border-radius:7px}
.search:focus-within{border-color:#6e8ca5;box-shadow:0 0 0 3px rgba(23,70,111,.12)}
.visual-orbit{border:1px solid #bdcbd6}
.visual-orbit:after{background:var(--lilac)}
.visual-main{border-radius:120px 120px 16px 16px}
.visual-note{border-radius:10px;background:#fff;color:var(--forest);font-family:inherit;font-weight:700;box-shadow:var(--shadow);transform:none}
.trust-strip{background:#eef2f5}
.trust-strip span:nth-child(even){background:transparent}
.category{border:1px solid var(--line);border-radius:10px}
.category:hover{transform:translateY(-3px)}
.yellow{background:#edf1f4}.sky{background:#e5edf2}.mint{background:#e9eef2}.coral{background:#e2e8ed}
.card-image{border-radius:10px;box-shadow:inset 0 0 0 1px rgba(17,24,39,.05)}
.card-arrow{background:#fff;color:var(--forest)}
.manifesto{background:#102d46}
.manifesto-art{background:#dce6ed;color:#17466f;border-radius:120px 120px 12px 12px}
.manifesto-art i{border-radius:10px;background:#fff;color:#17466f;font-family:inherit;font-weight:700;transform:none}
.manifesto .kicker,.page-intro-dark .kicker{color:#b9cfdf}
.brand-light .brand-name b{color:#b9cfdf}
.brand-light .brand-mark{background:#dbe8f2;color:#123b5d}
.page-intro{background:#eef2f5}
.page-intro-dark{background:#102d46}
.listings-page{background:#eef2f5}
.heart.saved{background:var(--forest);color:#fff}
.form-page{background:#edf1f4}
.panel{border:1px solid var(--line);border-radius:12px}
.panel input,.panel select,.panel textarea{border-radius:7px}
.panel input:focus,.panel select:focus,.panel textarea:focus{outline:3px solid rgba(23,70,111,.14);border-color:var(--forest)}
@media(prefers-reduced-motion:reduce){.button,.category,.brand-logo{transition:none}}