/*
 * Overrides on top of Bootstrap 5. Kept deliberately small: Bootstrap owns the
 * design system, this file only handles the handful of things it does not cover.
 */

:root {
  --clipzip-accent: #7c3aed;
  --clipzip-bg: #0b0a10;
}

body {
  background-color: var(--clipzip-bg);
}

/* The QR block is inline SVG from the `qrcode` package. */
.bg-white svg {
  display: block;
  width: 260px;
  height: 260px;
}

pre#job-log {
  max-height: 22rem;
  overflow-y: auto;
  font-size: 0.78rem;
}

code {
  color: #c4b5fd;
}

.table > :not(caption) > * > * {
  padding-block: 0.6rem;
}

/* Remotion's own player chrome inherits Bootstrap's dark background. */
#player-root video {
  border-radius: 0.5rem;
}