/* Vistaar blog articles — light theme (default). Active when <html data-theme="light">. */
html[data-theme="light"] .hero-blog{background:linear-gradient(135deg,#f4f8fc 0%,#eef4fa 55%,#edf6ee 100%)!important;border-bottom:1px solid #e2e8f0}
html[data-theme="light"] .hero-blog h1{color:#111827}
html[data-theme="light"] .hero-blog .meta{color:#4b5563}
html[data-theme="light"] .hero-blog .badge{background:#fff;border-color:#d7dee8;color:#374151}
html[data-theme="light"] .cta-box{background:linear-gradient(135deg,#eef4fb,#edf6ee)!important;border:1px solid #e2e8f0}
html[data-theme="light"] .cta-box h3{color:#111827}
html[data-theme="light"] .cta-box p{color:#4b5563}
html[data-theme="light"] footer{background:#f3f6fa;color:#4b5563;border-top:1px solid #e2e8f0}
html[data-theme="light"] footer a{color:#2e7d32}

/* Theme toggle button */
.theme-tg{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid rgba(76,175,80,.5);background:#fff;color:#1a2030;cursor:pointer;padding:0}
.theme-tg:hover{background:#f0f8f0}
.theme-tg svg{width:16px;height:16px}
.theme-tg .i-sun{display:none}
html:not([data-theme="light"]) .theme-tg .i-moon{display:none}
html:not([data-theme="light"]) .theme-tg .i-sun{display:block}