/* A village training notebook: warm orange, navy ink, and scroll paper. */
.theme-naruto {
  --ink: #333946;
  --muted: #665e52;
  --paper: #fffbf1;
  --accent: #97451f;
  --accent-light: #f7e4d0;
  --line: #d6c7ad;
  --mint: #e5e9e7;
  --rose: #f8e6d2;
  --gold: #edcb86;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #efd4ad 0, transparent 46%), linear-gradient(135deg, #f3eddf, #dfe7e2);
}
.theme-naruto .notebook {
  border-color: #c1b391;
  box-shadow: 8px 8px 0 #d8d2ba, 0 24px 70px #58462e14;
}
.theme-naruto .notebook::before { border-color: #d6aa77; }
.theme-naruto .hero { background: linear-gradient(115deg, #fffbf1, #f8efde); }
.theme-naruto .hero-art { transform: rotate(2deg); }
.theme-naruto .primary { box-shadow: 0 3px 0 #68331c; }
.theme-naruto .primary:hover:not(:disabled) { background: #79351c; }
.theme-naruto :is(button, a, summary, input):focus-visible,
.theme-naruto .answer:has(input:focus-visible) { outline-color: #34546f; }
.theme-naruto .answer:hover { background: #fff2e1; border-color: #b58d64; }
.theme-naruto .answer-letter { background: #eee5d4; }
.theme-naruto .answer:has(input:checked) { background: var(--accent-light); }
.theme-naruto .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-naruto .scorecard { background: #eceee3; }
.theme-naruto progress,
.theme-naruto progress::-webkit-progress-bar { background: #e9dfc9; }
.theme-naruto meter,
.theme-naruto meter::-webkit-meter-bar { background: #d9decf; }
@media (max-width: 720px) {
  .theme-naruto .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-naruto .notebook { box-shadow: 5px 5px 0 #d8d2ba; }
}