/* ========================================================================== AmbienteTech — Dark Mode Activated via .at-dark-mode class on ========================================================================== */ body.at-dark-mode { --at-text: #e4e4e7; --at-text-light: #a1a1aa; --at-bg: #212121; --at-bg-alt: #27272a; --at-card-bg: #18181b; } /* Header border in dark mode */ body.at-dark-mode .at-header-menu { border-bottom-color: var(--at-border); } body.at-dark-mode .navbar-nav .dropdown-menu { background: #27272a; } body.at-dark-mode .navbar-nav .dropdown-item { color: var(--at-text); } body.at-dark-mode .navbar-nav .dropdown-item:hover { background: #3f3f46; } body.at-dark-mode .at-post-title a { color: var(--at-text); } body.at-dark-mode .at-trending-title a { color: var(--at-text); } body.at-dark-mode .at-trending-count { background: var(--at-bg); color: var(--at-text); } body.at-dark-mode .at-trending-placeholder { background: var(--at-bg-alt); } body.at-dark-mode .at-post-card, body.at-dark-mode .at-post-grid-item, body.at-dark-mode .at-post-list-item, body.at-dark-mode .at-article-single { background: var(--at-card-bg); border: var(--at-box-border); } body.at-dark-mode .at-widget { background: var(--at-bg-alt); border-color: var(--at-border); color: var(--at-text); } body.at-dark-mode .at-widget-title { color: var(--at-text); } body.at-dark-mode .at-breadcrumb { background: var(--at-bg-alt); border-bottom-color: var(--at-border); } /* Footer background is managed by Customizer — same in both modes */ body.at-dark-mode .at-article-content { color: var(--at-text); } body.at-dark-mode .at-author-box { background: var(--at-bg-alt); } body.at-dark-mode .at-author-name a { color: var(--at-text); } body.at-dark-mode .at-nav-title { color: var(--at-text); } body.at-dark-mode .at-related-title a { color: var(--at-text); } body.at-dark-mode .at-archive-header { border-bottom-color: var(--at-border); } body.at-dark-mode .at-post-nav { border-color: var(--at-border); } body.at-dark-mode .at-tag { background: var(--at-bg-alt); color: var(--at-text-light); } body.at-dark-mode #atSearchModal .modal-content { background: var(--at-bg-alt); color: var(--at-text); } body.at-dark-mode #atSearchModal .search-field { background: var(--at-bg); color: var(--at-text); border-color: var(--at-border); } body.at-dark-mode .at-pagination .page-numbers { border-color: var(--at-border); color: var(--at-text); } body.at-dark-mode .navbar-toggler.x .icon-bar { background-color: var(--at-text); } body.at-dark-mode .at-comment-list .comment { border-bottom-color: var(--at-border); } /* Override dark SVG fills that are invisible on dark background */ body.at-dark-mode .at-social-twitter svg path { fill: #fff; } body.at-dark-mode .at-social-github svg path { fill: #c9d1d9; } body.at-dark-mode .at-social-newsletter svg path { fill: #a1a1aa; }