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

.case-qr-theme .qr-page {
  background:
    radial-gradient(circle at 17% 15%, rgba(255, 252, 246, 0.62), transparent 29%),
    linear-gradient(135deg, #e9e1d6, #cfc0af);
}

.case-qr-theme .qr-back {
  color: rgba(64, 47, 35, 0.68);
}

.case-qr-theme .qr-poster {
  background:
    radial-gradient(circle at 100% 0%, rgba(130, 94, 64, 0.38), transparent 33%),
    #332820;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 35px 90px rgba(48, 35, 27, 0.31);
}

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

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

.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);
}

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

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

.case-qr-theme .qr-back {
  color: rgba(28, 30, 27, 0.65);
}

.case-qr-theme .qr-poster {
  background:
    linear-gradient(0deg, rgba(8, 9, 8, 0.8), rgba(10, 11, 10, 0.52)),
    url("assets/home-hero.jpg") center / cover;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 35px 90px rgba(10, 12, 10, 0.34);
}

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

.case-qr-theme .qr-monogram {
  color: #171815;
  background: #f0eee8;
}

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

.case-qr-theme .qr-poster h1 {
  color: #f8f6f0;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.18);
}

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

.case-qr-theme .qr-actions button:first-child {
  color: #1b1c1a;
  background: #f6f4ef;
  border-color: #f6f4ef;
}

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