Rebrand fix

Author: olivomarco

docs/assets/css/shell.css

@@ -28,6 +28,7 @@
   --c-accent: #1A77E3;
   --c-accent-dim: #0078D4;
   --c-accent-glow: rgba(26, 119, 227, 0.10);
+  --c-hero-accent: #BFDBFE;
   /* Deprecated alias kept so existing var(--c-gold) references keep working. */
   --c-gold: var(--c-accent);
   --c-gold-dim: var(--c-accent-dim);
@@ -278,7 +279,7 @@ main { flex: 1 0 auto; }
 
 .hero h1, .hero h2 { color: #fff; }
 .hero h1 { margin-top: 18px; }
-.hero .accent { color: #93c5fd; }
+.hero .accent { color: var(--c-hero-accent); }
 .hero .eyebrow { color: rgba(255, 255, 255, 0.72); }
 .hero .eyebrow::before { background: rgba(255, 255, 255, 0.5); }
 

docs/assets/css/styles.css

@@ -65,7 +65,7 @@ h1, h2, h3, h4 { color: #032254; }
   color: #fff;
 }
 .hero h1, .hero h2 { color: #fff; }
-.hero .accent { color: #93c5fd; }
+.hero .accent { color: var(--c-hero-accent); }
 .hero .lede,
 .hero .byo-lede { color: rgba(255, 255, 255, 0.82); }
 .hero .byo-lede {
@@ -323,7 +323,7 @@ h4 { font-size: 1rem; font-weight: 600; letter-spacing: 0; }
 }
 
 .hero h1 { margin-top: 18px; }
-.hero h1 .accent { color: var(--c-gold); }
+.hero h1 .accent { color: var(--c-hero-accent); }
 
 .lede {
   margin: 20px 0 32px;
@@ -340,9 +340,10 @@ h4 { font-size: 1rem; font-weight: 600; letter-spacing: 0; }
   margin-top: -12px;
   padding: 12px 16px;
   font-size: 0.98rem;
-  border-left: 3px solid var(--c-gold);
+  border: 1px solid var(--c-line);
+  box-shadow: inset 0 3px 0 var(--c-gold);
   background: var(--c-gold-glow);
-  border-radius: 0 var(--r-sm) var(--r-sm) 0;
+  border-radius: var(--r-sm);
   color: var(--c-dim);
   max-width: 52ch;
 }
@@ -1053,21 +1054,22 @@ h4 { font-size: 1rem; font-weight: 600; letter-spacing: 0; }
   word-break: break-word;
 }
 .guide-body blockquote {
-  border-left: 3px solid var(--c-gold);
+  border: 1px solid var(--c-line);
+  box-shadow: inset 0 3px 0 var(--c-gold);
   margin: 1rem 0;
   padding: 8px 16px;
   background: var(--c-gold-glow);
-  border-radius: 0 var(--r-sm) var(--r-sm) 0;
+  border-radius: var(--r-sm);
 }
 .guide-body blockquote p { margin: 0; font-size: 0.9rem; color: var(--c-dim); }
 
 /* GitHub-style alert banners (> [!IMPORTANT] etc.) rendered in guides */
 .guide-body blockquote.md-alert {
   border: 1px solid var(--c-line);
-  border-left: 4px solid var(--c-dim);
+  box-shadow: inset 0 3px 0 var(--c-dim);
   background: var(--c-800);
   padding: 12px 18px;
-  border-radius: 0 var(--r-sm) var(--r-sm) 0;
+  border-radius: var(--r-sm);
 }
 .guide-body blockquote.md-alert p { color: var(--c-dim); font-size: 0.9rem; }
 .md-alert-title {
@@ -1479,7 +1481,7 @@ html[data-kiosk] .brand { pointer-events: none; cursor: default; }
 /* ═══════════════════ TAKE IT HOME (production adoption) ═══════════════════ */
 .take-home-card {
   border: 1px solid var(--c-line);
-  border-left: 3px solid var(--c-gold);
+  box-shadow: inset 0 3px 0 var(--c-gold);
   background:
     linear-gradient(180deg, var(--c-gold-glow), transparent 60%),
     var(--c-700);