/**
 * Bondgenoot — reset.css
 * =================================================================
 * /assets/css/reset.css (cluster A pakket A6 fase F030)
 *
 * Modern CSS-reset, geïnspireerd op Joshua Comeau's "A modern CSS
 * reset" met defensieve aanpassingen voor onze use-case.
 *
 * Doel: alle browsers starten van dezelfde baseline. Géén
 * browser-default-margins die verrassingen geven.
 *
 * Kortste minimale set — uitbreiden als bugs opduiken.
 */

/* 1. Box-sizing: border-box overal */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Geen default margins op block-elementen */
* {
  margin: 0;
}

/* 3. Body krijgt baseline-line-height en font-smoothing */
html, body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 4. Media schaalt en gedraagt zich block-level */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 5. Forms erven font van parent */
input, button, textarea, select {
  font: inherit;
  color: inherit;
}

/* 6. Lange woorden afbreken (i.p.v. layout breken) */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 7. Stacking-context root */
#root, #__next, main {
  isolation: isolate;
}

/* 8. Default link-color uit; we kiezen per context. */
a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* 9. Lijsten zonder bullets als ze geen role="list" expliciet hebben */
ul[role="list"], ol[role="list"] {
  list-style: none;
  padding: 0;
}

/* 10. Tabellen krijgen border-collapse en geen extra spacing */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 11. Button-reset (we stylen knoppen via component-class) */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* 12. Hidden hard-pakken */
[hidden] {
  display: none !important;
}

/* 13. Focus-visible: accent-glow ipv blauwe browser-default */
:focus-visible {
  outline: 2px solid var(--accent-gold, #D4A24C);
  outline-offset: 2px;
}