/* Donker kleurschema op basis van ACSS-tokens */
html:root {
  color-scheme: dark;
  --body-bg-color: var(--base-ultra-dark);
  --text-color: var(--text-light-muted);
  --heading-color: var(--text-light);
  --link-color: var(--accent);
  /* Knoppen: steviger, in Archivo */
  --btn-font-family: var(--heading-font-family);
  --btn-font-weight: 700;
  --btn-letter-spacing: .01em;
}

/* Statuslampje in het logo */
@keyframes logo-ping {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  80%, 100% { box-shadow: 0 0 0 .5em transparent; }
}