/*
 * The staging marker. Linked only by src/lib/environment.ts markStaging(),
 * which runs on staging alone - production never loads this file.
 *
 * Fixed and pointer-transparent so it sits over a page without moving or
 * blocking anything. Fallbacks are the dark-palette token values, for the
 * rare page that does not load tokens.css.
 */
.env-banner {
  position: fixed;
  left: var(--space-3, 12px);
  bottom: var(--space-3, 12px);
  z-index: 2147483647;
  padding: var(--space-1, 4px) var(--space-3, 12px);
  border-radius: var(--radius-xs, 6px);
  background: var(--yellow, #f2b134);
  color: var(--bg, #0b1220);
  font: 700 12px/1.4 system-ui, sans-serif;
  letter-spacing: 0.06em;
  pointer-events: none;
}

@media print {
  .env-banner { display: none; }
}