/* ============================================================
   EINIEX — Shutter page transition (Osmo Supply, Barba.js)
   Markup, CSS and animation kept as the resource intends.
   Only change: shutter color follows the active theme
   (light in light mode, dark in dark mode).
   ============================================================ */
.transition {
  z-index: 100;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.transition__panel {
  opacity: 0;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.transition__shutter {
  background-color: var(--cover);
  width: 100%;
  height: 100%;
}

/* Cover matches the page almost exactly, so the wipe is a fast, seamless
   slide with no flash of another colour. Light page → light, dark → dark. */
:root { --cover: #0A0A0A; }
[data-theme-status="light"] { --cover: #FAFAF8; }
[data-theme-status="dark"]  { --cover: #0A0A0A; }