/* A Mystic Falls diary: garnet, twilight ink, and antique cream. */
.theme-vampire_diaries {
  --ink: #372d36;
  --muted: #685861;
  --paper: #fcf7ee;
  --accent: #752f43;
  --accent-light: #f1e1e5;
  --line: #d5c3c6;
  --mint: #e9e5ec;
  --rose: #f1e6d8;
  --gold: #d9be8f;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #d8c3cc 0, transparent 48%), linear-gradient(135deg, #eee6e1, #dedce5);
}
.theme-vampire_diaries .notebook {
  border-color: #c0abb5;
  box-shadow: 8px 8px 0 #d5c8d1, 0 24px 70px #48334416;
}
.theme-vampire_diaries .notebook::before { border-color: #c79aa5; }
.theme-vampire_diaries .hero { background: linear-gradient(115deg, #fcf7ee, #f1e9e7); }
.theme-vampire_diaries .hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); overflow-wrap: anywhere; }
.theme-vampire_diaries .hero-art { transform: rotate(2deg); }
.theme-vampire_diaries .primary { box-shadow: 0 3px 0 #4f2131; }
.theme-vampire_diaries .primary:hover:not(:disabled) { background: #5c2335; }
.theme-vampire_diaries :is(button, a, summary, input):focus-visible,
.theme-vampire_diaries .answer:has(input:focus-visible) { outline-color: #725726; }
.theme-vampire_diaries .answer:hover { background: #f6ecec; border-color: #aa8190; }
.theme-vampire_diaries .answer-letter { background: #eae1e6; }
.theme-vampire_diaries .answer:has(input:checked) { background: var(--accent-light); }
.theme-vampire_diaries .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-vampire_diaries .scorecard { background: #eee7ec; }
.theme-vampire_diaries progress,
.theme-vampire_diaries progress::-webkit-progress-bar { background: #e8dce0; }
.theme-vampire_diaries meter,
.theme-vampire_diaries meter::-webkit-meter-bar { background: #dbd0da; }
@media (max-width: 720px) {
  .theme-vampire_diaries .hero h1 { font-size: clamp(2.15rem, 8.3vw, 2.9rem); }
  .theme-vampire_diaries .notebook { box-shadow: 5px 5px 0 #d5c8d1; }
}