/* Paris sketchbook: ladybug red, rooftop ink, and a touch of bell gold. */
.theme-miraculous {
  --ink: #30303c;
  --muted: #625c62;
  --paper: #fffaf3;
  --accent: #a72f42;
  --accent-light: #f8e2e6;
  --line: #dcc9cf;
  --mint: #e3ece9;
  --rose: #f8e4e2;
  --gold: #e5c87f;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #edcbd1 0, transparent 46%), linear-gradient(135deg, #f4efea, #e1e9e8);
}
.theme-miraculous .notebook {
  border-color: #cbb4bd;
  box-shadow: 8px 8px 0 #dfcdd5, 0 24px 70px #583d4b12;
}
.theme-miraculous .notebook::before { border-color: #de9eaa; }
.theme-miraculous .hero { background: linear-gradient(115deg, #fffaf3, #f8eceb); }
.theme-miraculous .hero-art { transform: rotate(2deg); }
.theme-miraculous .primary { box-shadow: 0 3px 0 #742337; }
.theme-miraculous .primary:hover:not(:disabled) { background: #852339; }
.theme-miraculous :is(button, a, summary, input):focus-visible,
.theme-miraculous .answer:has(input:focus-visible) { outline-color: #315166; }
.theme-miraculous .answer:hover { background: #fff0ef; border-color: #be8293; }
.theme-miraculous .answer-letter { background: #f0e3e8; }
.theme-miraculous .answer:has(input:checked) { background: var(--accent-light); }
.theme-miraculous .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-miraculous .scorecard { background: #edf0e9; }
.theme-miraculous progress,
.theme-miraculous progress::-webkit-progress-bar { background: #eedce1; }
.theme-miraculous meter,
.theme-miraculous meter::-webkit-meter-bar { background: #dce1d7; }
@media (max-width: 720px) {
  .theme-miraculous .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3rem); }
  .theme-miraculous .result-heading h2 { font-size: clamp(2.25rem, 6vw, 3rem); }
  .theme-miraculous .notebook { box-shadow: 5px 5px 0 #dfcdd5; }
}