*{ box-sizing: border-box; }

html,body{
  height:100%;
  margin:0;
  background:#0e0d0d;
  color:#fff;
  overflow:hidden; /* lock window-level scroll */
}

html{
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection{ background:var(--burgundy-70); color:#fff; }

/* Verberg tekst tot fonts geladen zijn */
html.fonts-loading body { visibility: hidden; }

/* Achtergrondlagen */
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image: var(--bg-url);
  background-size:cover; background-position:center 30%;
  filter: blur(14px) saturate(115%) brightness(.55);
  transform: scale(1.06);
}
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background: radial-gradient(1200px 600px at 50% -10%, rgba(0,0,0,.35), rgba(0,0,0,.65) 60%, rgba(0,0,0,.9));
}