/* Ink, cream, and pink on the existing character notebook layout. */
.theme-danganronpa {
  --ink: #302d35;
  --muted: #68616a;
  --paper: #fcfaf5;
  --accent: #98415f;
  --accent-light: #f3dfe7;
  --line: #d8cbd2;
  --mint: #e6e8e1;
  --rose: #f0dce4;
  --gold: #dfc7a1;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e6cbd7 0, transparent 48%), linear-gradient(135deg, #efe9eb, #dedfe0);
}
.theme-danganronpa .notebook {
  border-color: #b9aab3;
  box-shadow: 8px 8px 0 #c9bec5, 0 24px 70px #302d3517;
}
.theme-danganronpa .notebook::before { border-color: #c1859b; }
.theme-danganronpa .hero { background: linear-gradient(120deg, #fcfaf5, #f0e9ee); }
.theme-danganronpa .hero h1 { font-size: clamp(2.4rem, 4.1vw, 3.7rem); overflow-wrap: anywhere; }
.theme-danganronpa .hero-art { transform: rotate(-1deg); }
.theme-danganronpa .art-caption { font-size: 10.5px; letter-spacing: 1.25px; fill: #6e4859; }
.theme-danganronpa .primary { box-shadow: 0 3px 0 #69273e; }
.theme-danganronpa .primary:hover:not(:disabled) { background: #7e304b; }
.theme-danganronpa :is(button, a, summary, input):focus-visible,
.theme-danganronpa .answer:has(input:focus-visible) { outline-color: #98415f; }
.theme-danganronpa .answer:hover { background: #f6eaf0; border-color: #b67d94; }
.theme-danganronpa .answer-letter { background: #efdee6; }
.theme-danganronpa .answer:has(input:checked) { background: var(--accent-light); }
.theme-danganronpa .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-danganronpa .scorecard { background: #f1e8ed; }
.theme-danganronpa progress,
.theme-danganronpa progress::-webkit-progress-bar { background: #e4d5dd; }
.theme-danganronpa meter,
.theme-danganronpa meter::-webkit-meter-bar { background: #ded0d8; }
@media (max-width: 720px) {
  .theme-danganronpa .hero h1 { font-size: clamp(1.95rem, 7.8vw, 2.8rem); }
  .theme-danganronpa #question-heading { font-size: clamp(1.4rem, 6vw, 1.8rem); line-height: 1.15; }
  .theme-danganronpa .notebook { box-shadow: 5px 5px 0 #c9bec5; }
}