/* Original rehearsal notebook: muted studio green, ink, and raspberry. */
.theme-stray_kids {
  --ink: #303a37;
  --muted: #5e6a63;
  --paper: #fbf8ef;
  --accent: #8e394a;
  --accent-light: #f1e0e2;
  --line: #cdd5cc;
  --mint: #e4ede4;
  --rose: #f2e4df;
  --gold: #d3b177;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 10%, #dce7dd 0, transparent 45%), linear-gradient(130deg, #ecefe7, #eadce0);
}
.theme-stray_kids .notebook { border-color: #b9c9bf; box-shadow: 8px 8px 0 #cfd9cf, 0 24px 70px #303a3714; }
.theme-stray_kids .notebook::before { border-color: #d5a5ae; }
.theme-stray_kids .hero { background: linear-gradient(110deg, #fbf8ef, #f0f1e9); }
.theme-stray_kids .hero h1 { font-size: clamp(2.5rem, 4.8vw, 4.3rem); }
.theme-stray_kids .hero-art { transform: rotate(-2deg); }
.theme-stray_kids .primary { box-shadow: 0 3px 0 #602538; }
.theme-stray_kids .primary:hover:not(:disabled) { background: #722b3e; }
.theme-stray_kids :is(button, a, summary, input):focus-visible,
.theme-stray_kids .answer:has(input:focus-visible) { outline-color: #386552; }
.theme-stray_kids .answer:hover { background: #f2eee8; border-color: #a2848c; }
.theme-stray_kids .answer-letter { background: #e7e9df; }
.theme-stray_kids .answer:has(input:checked) { background: var(--accent-light); }
.theme-stray_kids .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-stray_kids .scorecard { background: #edf0e7; }
@media (max-width: 720px) {
  .theme-stray_kids .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3.1rem); }
  .theme-stray_kids .notebook { box-shadow: 5px 5px 0 #cfd9cf; }
}