.case-qr-theme {
  background: #d9ddd3;
}

.case-qr-theme .qr-page {
  background:
    radial-gradient(circle at 17% 15%, rgba(255, 255, 255, 0.48), transparent 29%),
    linear-gradient(135deg, #dfe4da, #bdc8bc);
}

.case-qr-theme .qr-back {
  color: rgba(23, 63, 52, 0.65);
}

.case-qr-theme .qr-poster {
  background:
    radial-gradient(circle at 100% 0%, rgba(103, 132, 114, 0.42), transparent 33%),
    #173f34;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 35px 90px rgba(18, 46, 37, 0.3);
}

.case-qr-theme .qr-poster::before {
  border-color: rgba(255, 255, 255, 0.1);
}

.case-qr-theme .qr-monogram {
  color: var(--forest);
  background: #e8ecdf;
}

.case-qr-theme .qr-poster-head strong {
  color: #f4f0e5;
}

.case-qr-theme .qr-poster-head small,
.case-qr-theme .qr-intro,
.case-qr-theme .qr-instruction,
.case-qr-theme .qr-url {
  color: rgba(255, 255, 255, 0.5);
}

.case-qr-theme .qr-kicker {
  color: #d6b17c;
}

.case-qr-theme .qr-poster h1 {
  color: #f5f1e7;
}

.case-qr-theme .qr-actions button {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.24);
}

.case-qr-theme .qr-actions button:first-child {
  color: var(--forest);
  background: #f5f1e7;
  border-color: #f5f1e7;
}

.case-qr-theme .qr-switch-link {
  color: rgba(255, 255, 255, 0.5);
}

.case-qr-theme .qr-switch-link:hover {
  color: white;
}

.case-qr-theme .qr-poster footer {
  color: rgba(255, 255, 255, 0.4);
  border-top-color: rgba(255, 255, 255, 0.12);
}