/* Huisstijl Vivecommerce, overgenomen van vivecommerce.nl (Avada/WordPress). */
@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@400;600&family=Poppins:wght@600&display=swap");

:root {
  --vc-wit: #ffffff;
  --vc-lichtgrijs: #f2f3f5;
  --vc-grijs: #e2e2e2;
  --vc-blauw-licht: #1d87fa;
  --vc-blauw: #0e6ace;       /* primaire kleur, knoppen */
  --vc-tekst: #4a4e57;       /* lopende tekst */
  --vc-donker: #333333;
  --vc-navy: #212934;        /* koppen en links */
  --vc-logo-navy: #023a51;   /* vlak in het logo */
  --vc-logo-teal: #3e96b1;   /* woordmerk in het logo */

  --vc-font-kop: "Poppins", system-ui, sans-serif;   /* weight 600 */
  --vc-font-tekst: "Assistant", system-ui, sans-serif; /* 16px, weight 400 */
}

body { font-family: var(--vc-font-tekst); font-size: 16px; color: var(--vc-tekst); }
h1, h2, h3 { font-family: var(--vc-font-kop); font-weight: 600; color: var(--vc-navy); }
a { color: var(--vc-navy); }

.vc-knop {
  display: inline-block; padding: 13px 29px; border: 1px solid var(--vc-blauw);
  border-radius: 4px; color: var(--vc-wit); text-decoration: none;
  background: linear-gradient(180deg, var(--vc-blauw), var(--vc-blauw));
}
.vc-knop:hover { background: var(--vc-blauw-licht); border-color: var(--vc-blauw-licht); }