/* A parchment field notebook with ink-blue and brass study notes. */
.theme-harry_potter {
  --ink: #342f27;
  --muted: #6a5b48;
  --paper: #fcf7e9;
  --accent: #354c6d;
  --accent-light: #e6eaf0;
  --line: #cdc2a6;
  --mint: #e5e8df;
  --rose: #f0e4cb;
  --gold: #dfc383;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #d4c4a0 0, transparent 48%), linear-gradient(135deg, #eee7d5, #dedecf);
}
.theme-harry_potter .notebook {
  border-color: #b9ac8c;
  box-shadow: 8px 8px 0 #cec3a8, 0 24px 70px #39352b16;
}
.theme-harry_potter .notebook::before { border-color: #c6a16e; }
.theme-harry_potter .hero { background: linear-gradient(115deg, #fcf7e9, #f2ecd9); }
.theme-harry_potter .hero-art { transform: rotate(2deg); }
.theme-harry_potter .primary { box-shadow: 0 3px 0 #213049; }
.theme-harry_potter .primary:hover:not(:disabled) { background: #263a57; }
.theme-harry_potter :is(button, a, summary, input):focus-visible,
.theme-harry_potter .answer:has(input:focus-visible) { outline-color: #82601f; }
.theme-harry_potter .answer { background: #fffbee; }
.theme-harry_potter .answer:hover { background: #f1ecdc; border-color: #948362; }
.theme-harry_potter .answer-letter { background: #e7e1d0; }
.theme-harry_potter .answer:has(input:checked) { background: var(--accent-light); }
.theme-harry_potter .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-harry_potter .scorecard { background: #eeeadb; }
.theme-harry_potter progress,
.theme-harry_potter progress::-webkit-progress-bar { background: #e4dcc7; }
.theme-harry_potter meter,
.theme-harry_potter meter::-webkit-meter-bar { background: #dbd3bb; }
@media (max-width: 720px) {
  .theme-harry_potter .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-harry_potter .notebook { box-shadow: 5px 5px 0 #cec3a8; }
}