/* A Bristol student zine: blue-grey ink, paper scraps, and ticket yellow. */
.theme-skins {
  --ink: #2d3b3c;
  --muted: #5c6562;
  --paper: #faf8ee;
  --accent: #315e64;
  --accent-light: #e0ecea;
  --line: #c8cec2;
  --mint: #e3e9e4;
  --rose: #f1e8cd;
  --gold: #e6cf77;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #c3d4d5 0, transparent 48%), linear-gradient(135deg, #eaece3, #dce4e0);
}
.theme-skins .notebook {
  border-color: #adbcb5;
  box-shadow: 8px 8px 0 #c6d3ca, 0 24px 70px #314a4614;
}
.theme-skins .notebook::before { border-color: #c9aa7b; }
.theme-skins .hero { background: linear-gradient(115deg, #faf8ee, #edf0e7); }
.theme-skins .hero-art { transform: rotate(2deg); }
.theme-skins .primary { box-shadow: 0 3px 0 #203f44; }
.theme-skins .primary:hover:not(:disabled) { background: #244950; }
.theme-skins :is(button, a, summary, input):focus-visible,
.theme-skins .answer:has(input:focus-visible) { outline-color: #80621e; }
.theme-skins .answer:hover { background: #f0f3e9; border-color: #819b91; }
.theme-skins .answer-letter { background: #e5e9dd; }
.theme-skins .answer:has(input:checked) { background: var(--accent-light); }
.theme-skins .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-skins .scorecard { background: #e9eee6; }
.theme-skins progress,
.theme-skins progress::-webkit-progress-bar { background: #e0e6d7; }
.theme-skins meter,
.theme-skins meter::-webkit-meter-bar { background: #d5dfd0; }
@media (max-width: 720px) {
  .theme-skins .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .theme-skins .notebook { box-shadow: 5px 5px 0 #c6d3ca; }
}