/* Alfea fairy studies: rose, blue, and violet on the shared notebook. */
.theme-winx {
  --ink: #3f2c50;
  --muted: #6b5779;
  --paper: #fffbfe;
  --accent: #974477;
  --accent-light: #f6e4f1;
  --line: #dbc7e0;
  --mint: #e9eafa;
  --rose: #f8e5ef;
  --gold: #ecd29f;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #eac9e1 0, transparent 45%), radial-gradient(ellipse at 100% 10%, #d8e5f7 0, transparent 48%), #f3ebf5;
}
.theme-winx .notebook {
  border-color: #cdb5da;
  box-shadow: 8px 8px 0 #e1d1eb, 0 24px 70px #74446b12;
}
.theme-winx .notebook::before { border-color: #e3accb; }
.theme-winx .hero { background: linear-gradient(115deg, #fffbfe, #f1eefb); }
.theme-winx .hero-art { transform: rotate(2deg); }
.theme-winx .primary { box-shadow: 0 3px 0 #663058; }
.theme-winx .primary:hover:not(:disabled) { background: #79335f; }
.theme-winx :is(button, a, summary, input):focus-visible,
.theme-winx .answer:has(input:focus-visible) { outline-color: #355f98; }
.theme-winx .answer:hover { background: #f7eef9; border-color: #ad83b9; }
.theme-winx .answer-letter { background: #ece4f5; }
.theme-winx .answer:has(input:checked) { background: var(--accent-light); }
.theme-winx .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-winx .scorecard { background: #f0eafa; }
.theme-winx progress,
.theme-winx progress::-webkit-progress-bar { background: #eee2f2; }
.theme-winx meter,
.theme-winx meter::-webkit-meter-bar { background: #dfd2ea; }
@media (max-width: 720px) {
  .theme-winx .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-winx .notebook { box-shadow: 5px 5px 0 #e1d1eb; }
}