/* An adventurous storybook: sea-glass ink, warm lantern gold, and travel paper. */
.theme-disney_princesses {
  --ink: #344245;
  --muted: #5e6664;
  --paper: #fffaf0;
  --accent: #37656c;
  --accent-light: #e2eeeb;
  --line: #cbd2c1;
  --mint: #e1eee7;
  --rose: #f4e6d8;
  --gold: #e7c784;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #d2e2d9 0, transparent 46%), linear-gradient(135deg, #f4eddf, #dce9e9);
}
.theme-disney_princesses .notebook {
  border-color: #b0c2b6;
  box-shadow: 8px 8px 0 #ccdccc, 0 24px 70px #365d5614;
}
.theme-disney_princesses .notebook::before { border-color: #d0ac7b; }
.theme-disney_princesses .hero { background: linear-gradient(115deg, #fffaf0, #eef5ea); }
.theme-disney_princesses .hero h1 { font-size: clamp(2.5rem, 4.4vw, 3.9rem); overflow-wrap: anywhere; }
.theme-disney_princesses .hero-art { transform: rotate(2deg); }
.theme-disney_princesses .primary { box-shadow: 0 3px 0 #27494e; }
.theme-disney_princesses .primary:hover:not(:disabled) { background: #294e57; }
.theme-disney_princesses :is(button, a, summary, input):focus-visible,
.theme-disney_princesses .answer:has(input:focus-visible) { outline-color: #885a31; }
.theme-disney_princesses .answer:hover { background: #edf5ed; border-color: #7b9e92; }
.theme-disney_princesses .answer-letter { background: #e5ece2; }
.theme-disney_princesses .answer:has(input:checked) { background: var(--accent-light); }
.theme-disney_princesses .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-disney_princesses .scorecard { background: #eaf0e5; }
.theme-disney_princesses progress,
.theme-disney_princesses progress::-webkit-progress-bar { background: #e0e9da; }
.theme-disney_princesses meter,
.theme-disney_princesses meter::-webkit-meter-bar { background: #d6e1ce; }
@media (max-width: 720px) {
  .theme-disney_princesses .hero h1 { font-size: clamp(2.15rem, 8.3vw, 2.9rem); }
  .theme-disney_princesses .result-heading h2 { font-size: clamp(2.5rem, 8vw, 3.2rem); }
  .theme-disney_princesses .notebook { box-shadow: 5px 5px 0 #ccdccc; }
}