/* =======================================================
   Dark Mode Overrides
   Applied when: html[data-theme="dark"]
   ======================================================= */
html[data-theme="dark"] body {
  background-color: #1a1b2e;
  color: #c8c9d4;
}
html[data-theme="dark"] .title,
html[data-theme="dark"] .subtitle {
  color: #e4e5f0;
}
html[data-theme="dark"] .heading {
  color: #777;
}
html[data-theme="dark"] a:not(.button):not(.navbar-item):not(.navbar-link):not(.tag):not(.pagination-link):not(.pagination-previous):not(.pagination-next) {
  color: #7eb3ff;
}
html[data-theme="dark"] a:not(.button):not(.navbar-item):not(.navbar-link):not(.tag):not(.pagination-link):not(.pagination-previous):not(.pagination-next):hover {
  color: #a8ccff;
}
html[data-theme="dark"] hr {
  background-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .navbar-main {
  background-color: #13141c !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .navbar-main .navbar-menu {
  background-color: #13141c !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .navbar-main .navbar-brand {
  background-color: #13141c;
}
html[data-theme="dark"] .navbar-item,
html[data-theme="dark"] .navbar-link {
  color: #c0c1cc !important;
}
html[data-theme="dark"] .navbar-item:hover,
html[data-theme="dark"] .navbar-item.is-active,
html[data-theme="dark"] .navbar-link:hover,
html[data-theme="dark"] .navbar-link.is-active {
  background-color: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}
html[data-theme="dark"] .navbar-item.is-active {
  background-color: transparent !important;
}
html[data-theme="dark"] .navbar-dropdown {
  background-color: #1e1f2e !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
  border-top: none !important;
}
html[data-theme="dark"] .language-switcher .navbar-dropdown .navbar-item {
  color: #c0c1cc !important;
}
html[data-theme="dark"] .language-switcher .navbar-dropdown .navbar-item:hover {
  background-color: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
html[data-theme="dark"] .mobile-toolbar {
  background-color: #13141c;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .mobile-toolbar-btn {
  background-color: #252836;
  border: 1px solid rgba(255,255,255,0.1);
  color: #c0c1cc;
}
html[data-theme="dark"] .mobile-toolbar-btn:hover,
html[data-theme="dark"] .mobile-toolbar-btn:active {
  background-color: #2e2f42;
  color: #fff;
}
html[data-theme="dark"] .language-picker-modal {
  background-color: #1e1f2e;
}
html[data-theme="dark"] .language-picker-header {
  border-bottom-color: rgba(255,255,255,0.08);
  color: #e4e5f0;
}
html[data-theme="dark"] .language-picker-close {
  color: #777;
}
html[data-theme="dark"] .language-picker-close:hover {
  color: #c0c1cc;
}
html[data-theme="dark"] .language-picker-option {
  color: #c0c1cc;
}
html[data-theme="dark"] .language-picker-option:hover {
  background-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .card {
  background-color: #252836;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}
html[data-theme="dark"] .card-content {
  color: #c0c1cc;
}
html[data-theme="dark"] .menu-label {
  color: #777;
}
html[data-theme="dark"] .footer {
  background-color: #13141c;
  color: #666;
}
html[data-theme="dark"] .footer a {
  color: #666;
}
html[data-theme="dark"] .footer a:hover {
  color: #c0c1cc;
}
html[data-theme="dark"] article.media .media-content .title {
  color: #e4e5f0;
}
html[data-theme="dark"] article.article .article-meta,
html[data-theme="dark"] article.article .article-tags {
  color: #666 !important;
}
html[data-theme="dark"] article.article .content {
  color: #c8c9d4;
}
html[data-theme="dark"] article.article .content h1,
html[data-theme="dark"] article.article .content h2,
html[data-theme="dark"] article.article .content h3,
html[data-theme="dark"] article.article .content h4,
html[data-theme="dark"] article.article .content h5,
html[data-theme="dark"] article.article .content h6 {
  color: #e4e5f0;
}
html[data-theme="dark"] article.article .content a:not(.button) {
  color: #7eb3ff;
}
html[data-theme="dark"] article.article .content blockquote {
  background-color: rgba(255,255,255,0.04);
  border-left-color: #444;
}
html[data-theme="dark"] article.article .content table thead th {
  background-color: rgba(255,255,255,0.07);
  color: #e4e5f0;
  border-color: rgba(255,255,255,0.1);
}
html[data-theme="dark"] article.article .content table td {
  border-color: rgba(255,255,255,0.08);
  color: #c0c1cc;
}
html[data-theme="dark"] article.article .content table tr:nth-child(even) {
  background-color: rgba(255,255,255,0.03);
}
html[data-theme="dark"] pre {
  background-color: #1e1f2e !important;
}
html[data-theme="dark"] .article .content pre code,
html[data-theme="dark"] .article .content code {
  background-color: rgba(255,255,255,0.07);
  color: #c8c9d4;
}
html[data-theme="dark"] .article .content pre code {
  background-color: transparent;
}
html[data-theme="dark"] figure.highlight {
  background-color: #1e1f2e;
}
html[data-theme="dark"] figure.highlight .gutter {
  border-right-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] figure.highlight pre {
  background-color: #1e1f2e !important;
}
html[data-theme="dark"] .hljs {
  background: #1e1f2e;
}
html[data-theme="dark"] .tag:not(.is-primary):not(.is-link):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger) {
  background-color: #2e2f42;
  color: #aaa;
}
html[data-theme="dark"] .button.is-light {
  background-color: #2e2f42;
  color: #c0c1cc;
  border-color: transparent;
}
html[data-theme="dark"] .button.is-light:hover {
  background-color: #363748;
  color: #e4e5f0;
}
html[data-theme="dark"] .button.is-transparent {
  color: #888;
}
html[data-theme="dark"] .button.is-transparent:hover {
  color: #c0c1cc;
  background-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .pagination-previous,
html[data-theme="dark"] .pagination-next,
html[data-theme="dark"] .pagination-link {
  background-color: #252836;
  border-color: rgba(255,255,255,0.12);
  color: #c0c1cc;
}
html[data-theme="dark"] .pagination-previous:hover,
html[data-theme="dark"] .pagination-next:hover,
html[data-theme="dark"] .pagination-link:hover {
  background-color: #2e2f42;
  border-color: rgba(255,255,255,0.2);
  color: #e4e5f0;
}
html[data-theme="dark"] .pagination-link.is-current {
  background-color: #4a6fa5;
  border-color: #4a6fa5;
  color: #fff;
}
html[data-theme="dark"] .pagination-ellipsis {
  color: #666;
}
html[data-theme="dark"] .post-navigation .heading {
  color: #666;
}
html[data-theme="dark"] .post-navigation a {
  color: #7eb3ff;
}
html[data-theme="dark"] .timeline .timeline-item::before {
  background-color: rgba(255,255,255,0.1);
}
html[data-theme="dark"] .searchbox {
  background-color: #252836;
}
html[data-theme="dark"] .searchbox .searchbox-input {
  background-color: #252836;
  color: #c0c1cc;
  border-bottom-color: rgba(255,255,255,0.1);
}
html[data-theme="dark"] .searchbox .searchbox-input::placeholder {
  color: #555;
}
html[data-theme="dark"] .searchbox .searchbox-result-section-title {
  color: #666;
  border-bottom-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .searchbox .searchbox-result-item {
  color: #c0c1cc;
}
html[data-theme="dark"] .searchbox .searchbox-result-item:hover,
html[data-theme="dark"] .searchbox .searchbox-result-item.is-active {
  background-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .searchbox .searchbox-result-item .searchbox-result-item-title {
  color: #e4e5f0;
}
html[data-theme="dark"] .searchbox .searchbox-result-item .searchbox-result-item-preview {
  color: #888;
}
html[data-theme="dark"] .tagcloud a {
  color: #888;
}
html[data-theme="dark"] .tagcloud a:hover {
  color: #7eb3ff;
}
html[data-theme="dark"] .article.media .media-content .article-meta {
  color: #666;
}
html[data-theme="dark"] .media + .media {
  border-top-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] #back-to-top {
  background-color: #4a6fa5;
  color: #fff;
}
html[data-theme="dark"] .card[style*="linear-gradient(135deg,
html[data-theme="dark"] #fff8f5"] {
  background: linear-gradient(135deg, #2a2233, #251d30) !important;
  border-color: rgba(255,107,53,0.3) !important;
}
html[data-theme="dark"] .dark-mode-toggle {
  color: #c0c1cc;
}
html[data-theme="dark"] .dark-mode-toggle:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.07);
}