/* ————— Design tokens  */
:root{
  --purple:#6c438a;      /* donkerpaars */
  --plum:#a089b9;        /* lichtpaars */
  --ink:#0f0f12;         /* bijna zwart */
  --paper:#f7f4f1;       /* zacht wit */
  --text:#121212;
  --muted:#6b6b70;
  --accent:#ffffff;      /* wit op paars */
}

/* reset kort */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  background:var(--paper); color:var(--text);
}

/* geen afgeronde hoeken, strakke look */
.btn, .card, .form-control, .navbar, .dropdown-menu, .badge,
.list-group-item, .modal-content, .ratio, .alert { border-radius:0 !important; }

/* NAV */
.navbar{ border-bottom:4px solid var(--purple); background:var(--paper) !important; }
.nav-link{ font-weight:700; letter-spacing:.2px; color:var(--text) !important; }
.nav-link.active, .nav-link:hover{ color:var(--purple) !important; }

/* Header strip */
.brand-strip{
  background:var(--purple); color:var(--accent);
  padding:.75rem 0; border-bottom:1px solid #442a5c;
}
.brand-strip .container{display:flex; align-items:center; gap:1rem;}
.brand-logos{display:flex; gap:1rem; align-items:center;}
.brand-logos img{height:46px; width:auto; display:block}

/* Hero links groot */
.hero{
  background: url('img/hero.jpg') center/cover no-repeat;
  min-height:420px; border-bottom:1px solid #e6e2dd;
  display:grid; align-items:end;
}
.hero .label{
  background:rgba(255,255,255,.9); padding:1rem 1.25rem; margin:1rem;
  max-width:520px; border:1px solid #e0d9d2;
}
.hero .label h1{ margin:0; font-weight:800; }

/* Event cards rechts */
.event-card{ background:#fff; border:1px solid #e6e2dd; }
.event-card .title{ font-weight:800; color:var(--purple); }

/* Secties */
.section{ padding:2.5rem 0; }
.section h2{ font-weight:800; }

/* Footer */
.site-footer{ border-top:1px solid #e6e2dd; color:var(--muted); padding:1rem 0; }

/* Utilities */
.text-muted2{ color:var(--muted); }