/* Cool graphic overlay for Student Handouts that still carry local skins. */
body.teaching-document,
body.course-media-art-programming,
body.course-agentic-ai {
  --page: #e8eaed;
  --paper: #eff1f3;
  --ink: #272727;
  --ink-strong: #272727;
  --soft-ink: #272727;
  --muted: #696773;
  --line: #d5d8dd;
  --slate: #272727;
  --slate-2: #272727;
  --accent: #fed766;
  --accent-soft: #fff3c2;
  --link: #006b7c;
  --bg: #e8eaed;
  --surface: #e2e4e8;
  --text: #272727;
}

body.teaching-document .hero {
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  body.teaching-document,
  body.course-media-art-programming,
  body.course-agentic-ai {
    --page: #272727;
    --paper: #2f2f2f;
    --ink: #eff1f3;
    --ink-strong: #eff1f3;
    --soft-ink: #eff1f3;
    --muted: #a8a6b0;
    --quiet: #8e8c96;
    --line: #3d3d3d;
    --line-strong: rgba(239, 241, 243, 0.28);
    --slate: #eff1f3;
    --slate-2: #eff1f3;
    --accent: #fed766;
    --accent-strong: #ffe28a;
    --accent-soft: #3d3620;
    --link: #4ec8d9;
    --bg: #272727;
    --surface: #353535;
    --surface-strong: #3d3d3d;
    --text: #eff1f3;
  }
}