/* Thema: licht, stark en technisch (stijl Vercel). Pill-knoppen, mono-accenten. */
:root {
  --canvas: #fafafa;
  --surface: #f0f2f4;
  --ink: #0d2a47;
  --ink-body: #3d4b5a;
  --muted: #5b6670;
  --line: #e4e8ec;
  --hero-bg: #ffffff;
  --hero-ink: #0d2a47;
  --hero-muted: #5b6670;
  --heading-weight: 600;
  --heading-track: -0.045em;
  --radius-btn: 999px;
  --radius-card: 8px;
  --radius-img: 12px;
  --card-shadow: 0 1px 2px rgba(13, 42, 71, 0.06);
  --font: "Geist", "Inter", system-ui, sans-serif;
}
.card { background: #ffffff; }
.site-header { background: #ffffff; border-bottom: 1px solid var(--line); }
.nav-links a { color: #5b6670; }
.nav-links a:hover { color: #0d2a47; }
.logo { color: #0d2a47; }
.hero { padding-top: 112px; }
.hero .lead { color: #5b6670; }
.hero .eyebrow { color: #5b6670; }
.btn-hero-ghost { color: #0d2a47; border-color: #c9d0d8; }
.btn-hero-ghost:hover { border-color: #0d2a47; }
.form input, .form select, .form textarea { border-radius: 8px; }