/* Rose contact sheets, charcoal stage sketches, and warm notebook paper. */
.theme-blackpink {
  --ink: #3b303b;
  --muted: #725d6b;
  --paper: #fff7f0;
  --accent: #8b3f63;
  --accent-light: #f4dfe9;
  --line: #dbc3ce;
  --mint: #eee8ec;
  --rose: #f6e3e8;
  --gold: #d8b798;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 10%, #f0d8e1 0, transparent 46%), linear-gradient(130deg, #f0e7e5, #ded9e1);
}
.theme-blackpink .notebook { border-color: #cba5b7; box-shadow: 8px 8px 0 #e2c9d3, 0 24px 70px #46314216; }
.theme-blackpink .notebook::before { border-color: #d69bb4; }
.theme-blackpink .hero { background: linear-gradient(115deg, #fff7f0, #f6e7ed); }
.theme-blackpink .hero h1 { font-size: clamp(2.35rem, 4.6vw, 4rem); overflow-wrap: anywhere; }
.theme-blackpink .hero-art { transform: rotate(-1deg); }
.theme-blackpink .primary { box-shadow: 0 3px 0 #5c2843; }
.theme-blackpink .primary:hover:not(:disabled) { background: #6f2e4e; }
.theme-blackpink :is(button, a, summary, input):focus-visible,
.theme-blackpink .answer:has(input:focus-visible) { outline-color: #53546f; }
.theme-blackpink .answer:hover { background: #f8eaf0; border-color: #b4839b; }
.theme-blackpink .answer-letter { background: #ece1e8; }
.theme-blackpink .answer:has(input:checked) { background: var(--accent-light); }
.theme-blackpink .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-blackpink .scorecard { background: #f3e7ee; }
@media (max-width: 720px) {
  .theme-blackpink .hero h1 { font-size: clamp(2rem, 8vw, 2.9rem); }
  .theme-blackpink .notebook { box-shadow: 5px 5px 0 #e2c9d3; }
}