/* Huize Welzijn — pagina-eigen stijl. De tokens en componenten staan in styles.css. */
html { scroll-behavior: smooth; }
body {
  margin: 0;
  text-wrap: pretty;
  overflow-x: clip;
  background: var(--color-bg);
  font-family: var(--font-body);
  color: var(--color-text);
}
a { color: var(--color-accent-700); text-underline-offset: 3px; }
a:hover { color: var(--color-accent-600); }
img { max-width: 100%; }
summary::-webkit-details-marker { display: none; }

/* Hover- en actief-states, overgenomen uit het ontwerp */
.x1:hover { color: var(--color-accent-700); }
.x2:active { color: var(--color-accent-800); }
.x3:hover { color: var(--color-accent-700); background: var(--color-accent-100); }
.x4:active { color: var(--color-accent-800); background: var(--color-accent-200); }
.x5:hover { box-shadow: var(--shadow-md); }