/* A theatrical guest ledger: crimson velvet, antique cream, and charcoal ink. */
.theme-hazbin_hotel {
  --ink: #3b2e32;
  --muted: #6b585b;
  --paper: #fff8ec;
  --accent: #8c2f3e;
  --accent-light: #f5dfdf;
  --line: #d9c1bd;
  --mint: #eee5db;
  --rose: #f6e0df;
  --gold: #e2bf78;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e8c7c8 0, transparent 46%), linear-gradient(135deg, #f1e7dc, #e2dbe0);
}
.theme-hazbin_hotel .notebook {
  border-color: #c4a9a7;
  box-shadow: 8px 8px 0 #dac8c7, 0 24px 70px #56344014;
}
.theme-hazbin_hotel .notebook::before { border-color: #cf9b9d; }
.theme-hazbin_hotel .hero { background: linear-gradient(115deg, #fff8ec, #f6e8e0); }
.theme-hazbin_hotel .hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.theme-hazbin_hotel .hero-art { transform: rotate(2deg); }
.theme-hazbin_hotel .primary { box-shadow: 0 3px 0 #612330; }
.theme-hazbin_hotel .primary:hover:not(:disabled) { background: #6f2235; }
.theme-hazbin_hotel :is(button, a, summary, input):focus-visible,
.theme-hazbin_hotel .answer:has(input:focus-visible) { outline-color: #73541f; }
.theme-hazbin_hotel .answer:hover { background: #fdf0e8; border-color: #b0807f; }
.theme-hazbin_hotel .answer-letter { background: #f0e1dc; }
.theme-hazbin_hotel .answer:has(input:checked) { background: var(--accent-light); }
.theme-hazbin_hotel .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-hazbin_hotel .scorecard { background: #f0e9df; }
.theme-hazbin_hotel progress,
.theme-hazbin_hotel progress::-webkit-progress-bar { background: #e9d9d5; }
.theme-hazbin_hotel meter,
.theme-hazbin_hotel meter::-webkit-meter-bar { background: #dfd5c9; }
@media (max-width: 720px) {
  .theme-hazbin_hotel .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3rem); }
  .theme-hazbin_hotel .notebook { box-shadow: 5px 5px 0 #dac8c7; }
}