Fix SVG readability on dark theme with explicit class + !important

The attribute selector alone wasn't applying. Added .svg-light-bg class
directly to SVG images in setup and agentic-tools pages, plus !important
to override any competing styles.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: jaymoore-research

docs/hackathon/agentic-tools.md

@@ -20,7 +20,7 @@ This tutorial introduces AI coding agents: tools that can read files, write code
 
 A coding agent is not a single thing — it is a stack of three layers:
 
-![Agent → Provider → Model](../assets/images/stack-of-agents.svg)
+![Agent → Provider → Model](../assets/images/stack-of-agents.svg){ .svg-light-bg }
 
 | Layer | What it does | Examples |
 |-------|-------------|----------|

docs/stylesheets/clawbio.css

@@ -284,8 +284,9 @@
    SVG images: light background on dark theme for readability
    ============================================================ */
 
-[data-md-color-scheme="clawbio"] .md-typeset img[src$=".svg"] {
-  background: #f6f8fa;
+[data-md-color-scheme="clawbio"] .md-typeset img[src*=".svg"],
+[data-md-color-scheme="clawbio"] .md-typeset .svg-light-bg {
+  background: #f6f8fa !important;
   border-radius: 8px;
   padding: 1rem;
 }

docs/tutorials/setup.md

@@ -20,15 +20,15 @@ Coding agents are distinct from chatbots because they can read and write files o
 
 A coding agent is not a single thing — it is a stack of three layers:
 
-![Agent → Provider → Model](../assets/images/stack-of-agents.svg)
+![Agent → Provider → Model](../assets/images/stack-of-agents.svg){ .svg-light-bg }
 
 - **Agent** — the program on your computer (or in the cloud) that reads your files, runs commands, and writes code. Examples: GitHub Copilot, Claude Code, OpenCode.
 - **Provider** — the service that hosts and serves the AI model. Examples: GitHub, Anthropic, OpenRouter.
 - **Model** — the large language model that actually generates the code. Examples: Claude Opus 4.5, GPT-4.1, Kimi K2.5.
 
 You choose an agent, connect it to a provider, and pick a model. Different combinations have different privacy and cost implications:
 
-![Privacy comparison across providers](../assets/images/table-of-privacy.svg)
+![Privacy comparison across providers](../assets/images/table-of-privacy.svg){ .svg-light-bg }
 
 !!! note
     Free models on OpenRouter may train on your interactions. If data privacy is important, use a paid model or check the model's training policy on OpenRouter before use.