/* Grand Café Brinkmann – gedeelde huisstijl */
:root {
  --bruin: #3B2A20;
  --bruin-2: #5A4334;
  --messing: #B08D57;
  --groen: #1F3A32;
  --groen-tint: #E6EDE8;
  --creme: #F7F3EA;
  --papier: #FFFFFF;
  --inkt: #2A211B;
  --grijs: #8F877E;
  --lijn: #E2DBD1;
  --rood: #A33A2B;
  --rood-tint: #F6E3DF;
  --oranje: #9A6512;
  --oranje-tint: #F7EBD3;
  --ok: #2F6B4F;
  --ok-tint: #E2F0E8;
  --serif: "Lora", Georgia, serif;
  --sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: var(--sans);
  color: var(--inkt);
  background: var(--creme);
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; color: inherit; }
a { color: var(--bruin); }

/* ---------- Kop ---------- */
.kop {
  background: var(--bruin);
  border-bottom: 3px solid var(--messing);
  color: #fff;
}
.kop-binnen {
  max-width: 880px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.kop img { height: 34px; width: auto; display: block; }
.kop nav { display: flex; gap: 4px; }
.kop nav a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  padding: 7px 12px;
  border-radius: 999px;
  opacity: .8;
}
.kop nav a[aria-current="page"], .kop nav a:hover { opacity: 1; background: rgba(255,255,255,.12); }

.wrap { max-width: 880px; margin: 0 auto; padding: 0 16px; }

h1 { font-family: var(--serif); font-weight: 400; margin: 0; }

.melding {
  background: var(--oranje-tint);
  color: var(--oranje);
  font-size: 12.5px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 12px;
}

.knop {
  border: 0;
  border-radius: 999px;
  padding: 11px 20px;
  background: var(--bruin);
  color: #fff;
  cursor: pointer;
  font-weight: 500;
}
.knop:hover { background: var(--bruin-2); }
.knop.licht { background: transparent; color: var(--bruin); box-shadow: inset 0 0 0 1px var(--lijn); }
.knop.licht:hover { background: #fff; }