/* A song notebook in violet, warm paper, and muted gold. */
.theme-bts {
  --ink: #382e43;
  --muted: #695d70;
  --paper: #fffaf0;
  --accent: #72518d;
  --accent-light: #eee2f4;
  --line: #d8c8dc;
  --mint: #e8ede1;
  --rose: #f1e4eb;
  --gold: #ddc483;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 10%, #e4d8ee 0, transparent 46%), linear-gradient(130deg, #f0eae0, #e4dfee);
}
.theme-bts .notebook { border-color: #c8b2d3; box-shadow: 8px 8px 0 #dfd2e6, 0 24px 70px #45325116; }
.theme-bts .notebook::before { border-color: #d3b4cc; }
.theme-bts .hero { background: linear-gradient(115deg, #fffaf0, #f0e9f4); }
.theme-bts .hero h1 { font-size: clamp(2.6rem, 5vw, 4.5rem); }
.theme-bts .hero-art { transform: rotate(1deg); }
.theme-bts .primary { box-shadow: 0 3px 0 #4e345f; }
.theme-bts .primary:hover:not(:disabled) { background: #583a70; }
.theme-bts :is(button, a, summary, input):focus-visible,
.theme-bts .answer:has(input:focus-visible) { outline-color: #547145; }
.theme-bts .answer:hover { background: #f6edf7; border-color: #ac8cbe; }
.theme-bts .answer-letter { background: #eee6f0; }
.theme-bts .answer:has(input:checked) { background: var(--accent-light); }
.theme-bts .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-bts .scorecard { background: #f0e8f3; }
@media (max-width: 720px) {
  .theme-bts .hero h1 { font-size: clamp(2.3rem, 9vw, 3.3rem); }
  .theme-bts .notebook { box-shadow: 5px 5px 0 #dfd2e6; }
}