/* Visuele markering van de testomgeving.
   Wordt alleen actief wanneer staging.js de test-hostname herkent. */
html.staging-environment {
  --staging-bg: #3b0b45;
  --bg: #3b0b45 !important;
}

html.staging-environment[data-theme="light"] {
  --staging-bg: #ffd6f2;
  --bg: #ffd6f2 !important;
}

html.staging-environment,
html.staging-environment body {
  background: var(--staging-bg) !important;
  background-image: none !important;
}

html.staging-environment body::before {
  content: "TESTOMGEVING";
  position: fixed;
  top: 8px;
  right: 8px;
  z-index: 2147483647;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 999px;
  background: #d01884;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.28);
  font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .08em;
  pointer-events: none;
}