/* aside.css */
.HeroAside{
  --hero-text: #0f172a;           /* más oscuro en claro */
  --hero-lead: #334155;          /* slate-700 */
  --hero-badge-bg: rgba(15,23,42,.08);
  --hero-title-accent: #ffb319;
  --ink:   15 23 42; 
  --muted: 51 65 85;
}
:root.dark .HeroAside{
  --hero-text: #f1f5f9;
  --hero-lead: rgba(241,245,249,.8);
  --hero-badge-bg: rgba(255,255,255,.16);
  --hero-title-accent: #ffd166;
  --ink:   229 231 235;
  --muted: 148 163 184;
}