/* Jasje Ambitieus MKB: wordt na style.css geladen en overschrijft alleen het
   uiterlijk. Kleuren en lettertype overgenomen van ambitieusmkb.nl:
   petrol #012d33, limoengeel #dce16f, crème #fdfaf3, lettertype Bricolage. */
@font-face {
  font-family: "Bricolage";
  src: url("bricolage-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage";
  src: url("bricolage-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage";
  src: url("bricolage-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --kleur-primair: #012d33;
  --kleur-primair-donker: #274c52;
  --kleur-accent: #0c5b68;
  --kleur-groen: #c2c662;
  --kleur-lime: #dce16f;
  --kleur-achtergrond: #fdfaf3;
  --kleur-kaart: #ffffff;
  --kleur-tekst: #2b2b2b;
  --kleur-rand: #d4dccd;
}

body {
  font-family: "Bricolage", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Kopbalk: liggend logo in plaats van icoon met tekst */
.logo img {
  height: 34px;
}

.logo span {
  color: #dce16f;
  font-weight: 600;
  font-size: 1rem;
  padding-left: 0.7rem;
  border-left: 1px solid rgba(220, 225, 111, 0.45);
}

.topbar nav a {
  color: #fdfaf3;
  border-color: rgba(220, 225, 111, 0.4);
}

.topbar nav a:hover,
.topbar nav a.actief {
  background: #dce16f;
  border-color: #dce16f;
  color: #012d33;
}

.ingelogd-als {
  color: #eef2ea;
}

.topbar .knop-uitloggen {
  background: transparent;
  color: #eef2ea;
  border-color: rgba(220, 225, 111, 0.4);
}

.topbar .knop-uitloggen:hover {
  background: #dce16f;
  border-color: #dce16f;
  color: #012d33;
}

/* Knoppen: limoengeel met donkere tekst, zoals op de site */
.knop {
  background: #dce16f;
  color: #012d33;
  font-weight: 600;
}

.knop:hover {
  background: #c2c662;
  color: #012d33;
}

.login-logo {
  max-width: 260px;
}