/* A twilight collage: plum camera, indigo evening, and warm journal paper. */
.theme-euphoria {
  --ink: #3d3049;
  --muted: #6a596c;
  --paper: #fff8f3;
  --accent: #70456f;
  --accent-light: #f0e1ef;
  --line: #d9c3d3;
  --mint: #e8e6f2;
  --rose: #f5e3e8;
  --gold: #e1c4ab;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e5c6de 0, transparent 46%), linear-gradient(135deg, #f2e8ed, #dedff0);
}
.theme-euphoria .notebook {
  border-color: #c5adc7;
  box-shadow: 8px 8px 0 #d9cbe0, 0 24px 70px #593f6a14;
}
.theme-euphoria .notebook::before { border-color: #cda0bd; }
.theme-euphoria .hero { background: linear-gradient(115deg, #fff8f3, #f3eaf4); }
.theme-euphoria .hero-art { transform: rotate(2deg); }
.theme-euphoria .primary { box-shadow: 0 3px 0 #4d314f; }
.theme-euphoria .primary:hover:not(:disabled) { background: #583658; }
.theme-euphoria :is(button, a, summary, input):focus-visible,
.theme-euphoria .answer:has(input:focus-visible) { outline-color: #405888; }
.theme-euphoria .answer:hover { background: #f9edf6; border-color: #ad87ae; }
.theme-euphoria .answer-letter { background: #eee3ef; }
.theme-euphoria .answer:has(input:checked) { background: var(--accent-light); }
.theme-euphoria .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-euphoria .scorecard { background: #eee9f4; }
.theme-euphoria progress,
.theme-euphoria progress::-webkit-progress-bar { background: #e8dce9; }
.theme-euphoria meter,
.theme-euphoria meter::-webkit-meter-bar { background: #ddd2e6; }
@media (max-width: 720px) {
  .theme-euphoria .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-euphoria .notebook { box-shadow: 5px 5px 0 #d9cbe0; }
}