From 020b05f1f6768336f1411883250d8fcbcac8e42c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 17 May 2026 19:21:25 +0000
Subject: [PATCH] Fix callout CSS: wire border-color and background to CSS
 variables

border-left was 4px solid without color; background was missing.
JS sets --callout-primary and --callout-bg on each callout element
but CSS wasn't referencing them.

https://claude.ai/code/session_01UP8Wo2CKPNhvvTkzX48CWF
---
 app/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/index.html b/app/index.html
index df1a053..3c1c3ad 100644
--- a/app/index.html
+++ b/app/index.html
@@ -797,7 +797,8 @@ body {
    TAG SYSTEM: CALLOUTS
    ═══════════════════════════════════════════ */
 .mdcms-callout {
-  border-left: 4px solid;
+  border-left: 4px solid var(--callout-primary, var(--accent));
+  background: var(--callout-bg, transparent);
   border-radius: 0 6px 6px 0;
   padding: 0.85rem 1rem 0.85rem 1rem;
   margin: 1.25rem 0;