/* Paper, graphite, and dusty rose on the existing character notebook. */
.theme-hello_charlotte {
  --ink: #343039;
  --muted: #6b616c;
  --paper: #fbf9f5;
  --accent: #80556a;
  --accent-light: #f0e2e8;
  --line: #d5ccd3;
  --mint: #e9e7e8;
  --rose: #efdfe6;
  --gold: #c2adb7;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e6d9e1 0, transparent 48%), linear-gradient(135deg, #f0edef, #e0dfe2);
}
.theme-hello_charlotte .notebook { border-color: #b6abb7; box-shadow: 8px 8px 0 #c9c0cc, 0 24px 70px #34303917; }
.theme-hello_charlotte .notebook::before { border-color: #bf98ab; }
.theme-hello_charlotte .hero { background: linear-gradient(120deg, #fbf9f5, #eee9ed); }
.theme-hello_charlotte .hero h1 { font-size: clamp(2.4rem, 4.1vw, 3.7rem); overflow-wrap: anywhere; }
.theme-hello_charlotte .hero-art { transform: rotate(-1deg); }
.theme-hello_charlotte .art-caption { font-size: 10.5px; letter-spacing: 1.25px; fill: #705365; }
.theme-hello_charlotte .primary { box-shadow: 0 3px 0 #583a4a; }
.theme-hello_charlotte .primary:hover:not(:disabled) { background: #6c4258; }
.theme-hello_charlotte :is(button, a, summary, input):focus-visible,
.theme-hello_charlotte .answer:has(input:focus-visible) { outline-color: #80556a; }
.theme-hello_charlotte .answer:hover { background: #f3eaf0; border-color: #b18b9e; }
.theme-hello_charlotte .answer-letter { background: #eadde5; }
.theme-hello_charlotte .answer:has(input:checked) { background: var(--accent-light); }
.theme-hello_charlotte .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-hello_charlotte .scorecard { background: #eee5eb; }
.theme-hello_charlotte progress,
.theme-hello_charlotte progress::-webkit-progress-bar { background: #e3d6de; }
.theme-hello_charlotte meter,
.theme-hello_charlotte meter::-webkit-meter-bar { background: #ddd0d9; }
@media (max-width: 720px) {
  .theme-hello_charlotte .hero h1 { font-size: clamp(1.95rem, 7.8vw, 2.8rem); }
  .theme-hello_charlotte #question-heading { font-size: clamp(1.4rem, 6vw, 1.8rem); line-height: 1.15; }
  .theme-hello_charlotte .notebook { box-shadow: 5px 5px 0 #c9c0cc; }
}