/* =============================================================
   Baabulilm Notes — Dark Mode v1.0.0
   ============================================================= */

body.dark-mode {
    --surface:   #1E293B;
    --surface-2: #0F172A;
    --border:    #334155;
    --text:      #E2E8F0;
    --muted:     #94A3B8;
    --bg:        #0F172A;
    --primary:   #F8FAFC;
}

body.dark-mode .site-header      { background: #1E293B; border-color: #334155; }
body.dark-mode .site-nav__menu a { color: #CBD5E1; }
body.dark-mode .site-nav__menu a:hover { background: #0F172A; color: var(--accent); }
body.dark-mode .site-nav__menu .sub-menu { background: #1E293B; border-color: #334155; }

body.dark-mode .post-card        { background: #1E293B; border-color: #334155; }
body.dark-mode .post-card__title { color: #F1F5F9; }
body.dark-mode .cat-card         { background: #1E293B; border-color: #334155; }
body.dark-mode .cat-card__name   { color: #F1F5F9; }

body.dark-mode .widget            { background: #1E293B; border-color: #334155; }
body.dark-mode .widget-title      { color: #F1F5F9; }
body.dark-mode .widget-list__title { color: #F1F5F9; }
body.dark-mode .widget-cats a     { color: #CBD5E1; }
body.dark-mode .widget-cats a:hover { background: #0F172A; }
body.dark-mode .widget-tags a     { background: #0F172A; color: #94A3B8; }

body.dark-mode .download-card     { background: linear-gradient(135deg,#1E3A8A20,#1D4ED820); border-color: #1E40AF; }
body.dark-mode .download-card__title { color: #F1F5F9; }

body.dark-mode .archive-toolbar   { background: #1E293B; border-color: #334155; }
body.dark-mode .archive-toolbar__select { background: #0F172A; color: #E2E8F0; border-color: #334155; }

body.dark-mode .single-post__title  { color: #F1F5F9; }
body.dark-mode .single-post__cat    { background: #1E3A8A; color: #93C5FD; }
body.dark-mode .single-post__content { color: #CBD5E1; }
body.dark-mode .single-post__content h2,
body.dark-mode .single-post__content h3 { color: #F1F5F9; }
body.dark-mode .single-post__content blockquote { background: #0F172A; color: #94A3B8; }
body.dark-mode .single-post__content code { background: #0F172A; }
body.dark-mode .single-post__featured-img img { opacity: .9; }

body.dark-mode .share-bar          { background: #0F172A; }
body.dark-mode .share-bar__btn--copy { background: #1E293B; border-color: #334155; color: #E2E8F0; }

body.dark-mode .tag-chip           { background: #0F172A; border-color: #334155; color: #94A3B8; }
body.dark-mode .popular-item       { background: #1E293B; border-color: #334155; }
body.dark-mode .popular-item__title { color: #F1F5F9; }

body.dark-mode .header-search      { background: #1E293B; border-color: #334155; }
body.dark-mode .header-search__input { background: #0F172A; border-color: #334155; color: #E2E8F0; }
body.dark-mode .header-search__results { background: #1E293B; border-color: #334155; }
body.dark-mode .search-result-item { color: #E2E8F0; }
body.dark-mode .search-result-item:hover { background: #0F172A; }

body.dark-mode .mobile-menu        { background: #1E293B; border-color: #334155; }
body.dark-mode .mobile-menu__list li a { color: #CBD5E1; }
body.dark-mode .mobile-menu__list li a:hover { background: #0F172A; }

body.dark-mode .hero-search-form__inner { background: #1E293B; }
body.dark-mode .hero-search-form__input { color: #E2E8F0; background: transparent; }
body.dark-mode .hero-search-form__results { background: #1E293B; border-color: #334155; }

body.dark-mode .archive-page-header { border-color: #334155; }
body.dark-mode .archive-page-header__title { color: #F1F5F9; }
body.dark-mode .section__title     { color: #F1F5F9; }

body.dark-mode #respond            { background: #0F172A; }
body.dark-mode #reply-title        { color: #F1F5F9; }
body.dark-mode .comment-form input,
body.dark-mode .comment-form textarea { background: #1E293B; border-color: #334155; color: #E2E8F0; }

body.dark-mode .search-form .search-field { background: #1E293B; border-color: #334155; color: #E2E8F0; }
body.dark-mode .content-none__title { color: #F1F5F9; }
body.dark-mode .pagination .page-numbers { border-color: #334155; color: #CBD5E1; background: #1E293B; }
body.dark-mode .pagination .page-numbers:hover { background: #0F172A; }

body.dark-mode .related-posts      { background: #0F172A; }
body.dark-mode .related-posts__title { color: #F1F5F9; }

body.dark-mode .single-post__meta  { color: #94A3B8; }
body.dark-mode .single-post__comments { border-color: #334155; }
body.dark-mode .comment            { border-color: #334155; }

/* Transition for smooth mode switch */
body, .site-header, .post-card, .cat-card, .widget,
.download-card, .archive-toolbar, .popular-item,
.header-search, .share-bar, .mobile-menu {
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}