/* Base dark mode styles */
html.dark body{
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Smooth transition for color changes */
html {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hide switchers by default */
.switcher {
    display: none;
    cursor: pointer;
}

/* Header and Navigation */
html.dark .navik-header {
    background-color: #252525;
    border-bottom-color: #444444;
}
html.dark .background-image-holder{opacity: .4 !important}
html.dark .navik-menu {
    background-color: #252525;
}

html.dark .navik-menu a {
    color: #ffffff;
}

html.dark .navik-menu a:hover {
    color: #cccccc;
}

html.dark .burger-menu .line-menu {
    background-color: #ffffff;
}

/* Page Header */
html.dark .page-header.imagebg.image--light {
    background-color: #2d2d2d;
    border-bottom-color: #444444;
}

html.dark .blog {
    color: #aaaaaa;
    font-family: RecklessLight, serif;
}

html.dark .insights {
    color: #ffffff;
    font-family: roobert;
}

/* Blog Heading Section (First Page) */
html.dark .blog-heading.imagebg.image--light {
    background-color: #1a1a1a;
}

html.dark .blog-generic-title {
    color: #aaaaaa;
}

html.dark .article-title {
    color: #ffffff;
    font-family: roobert;
}

html.dark .tagvalues li {
    color: #dddddd;
    border-color: #444444;
    font-family: roobert;
}

html.dark .tagvalues .displayvalue {
    color: #bbbbbb;
}

html.dark .readingTime {
    color: #aaaaaa;
}

html.dark .yazanTitle {
    color: #aaaaaa;
}

html.dark .yazanName {
    color: #ffffff;
}

html.dark .social-share i {
    color: #ffffff;
}

html.dark .social-share i:hover {
    color: #cccccc;
}

/* Article Body (First Page) */
html.dark .article__body {
    border-top-color: #444444;
}

html.dark .article__body h1,
html.dark .article__body h2,
html.dark .article__body h3,
html.dark .article__body h4,
html.dark .article__body h5,
html.dark .article__body h6 {
    color: #ffffff;
    font-family: roobert;
}

html.dark .article__body h2 {
    color: #eeeeee;
}

html.dark .article__body h3 {
    color: #dddddd;
}

html.dark .article__body p {
    color: #95959d;
}

html.dark .article__body ul li {
    color: #95959d;
}

html.dark .article__body a.desc {
    color: #bbbbbb;
    border-color: #444444;
    font-family: roobert;
}

html.dark .article__body a.desc:hover {
    color: #ffffff;
}

/* Blog Summary Section (Second and Third Pages) */
html.dark .feature-1.boxed.boxed--border {
    background-color: #252525;
    border-color: #444444;
}

html.dark .feature__body.boxed--border1 {
    background-color: #252525;
    border-color: #444444;
}

html.dark .summarytitle {
    color: #ffffff;
}

html.dark .blog-button.desc {
    color: #bbbbbb;
    border-color: #444444;
}

html.dark .blog-button.desc:hover {
    color: #ffffff;
}

/* Introduction Section (Third Page) */
html.dark section[style*="border-bottom"] {
    border-bottom-color: #444444;
}

html.dark .lead {
    color: #eeeeee;
    font-family: RecklessIT, arial, sans-serif;
}

html.dark hr {
    border-color: #444444;
}

/* Footer */
html.dark .footer-3.bg--secondary {
    background-color: #252525;
}

html.dark .footer-3 .type--fine-print {
    color: #aaaaaa;
}

html.dark .footer-3 a {
    color: #ffffff;
}

html.dark .footer-3 a:hover {
    color: #cccccc;
}

html.dark .socicon {
    color: #ffffff;
}

html.dark .socicon:hover {
    color: #cccccc;
}

/* Additional Fine-Tuning from Your CSS */
html.dark body {
    background-color: #1a1a1a; /* Override #f9f5f0 */
    font-family: "Gotham", sans-serif;
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark .h1,
html.dark .h2,
html.dark .h3,
html.dark .h4,
html.dark .h5,
html.dark .h6 {
    color: #ffffff; /* Override #000 */
    font-family: alibaba-sans, sans-serif;
}

html.dark a {
    color: #bbbbbb;
}

html.dark a:hover {
    color: #ffffff;
}

html.dark .btn--primary-1 {
    background-color: #333333 !important; /* Darker than #000 for contrast */
}

html.dark .btn--primary-1 span {
    color: #ffffff;
}

html.dark .hww h4 {
    color: #ffffff !important; /* Override #000 */
}

html.dark .slider p.lead {
    color: #cccccc; /* Override #808080 */
    font-family: Gotham;
}

html.dark p {
    color: #95959d; /* Override #424242 */
}

html.dark p.lead {
    color: #eeeeee; /* Override #000 */
    font-family: RecklessIT, arial, sans-serif;
}

html.dark .black-button {
    background: #333333; /* Darker than #000 for contrast */
    color: #ffffff;
}

html.dark .black-button:hover {
    color: #ffaa00; /* Adjusted orange for dark mode */
}

html.dark .navik-menu ul li.current-menu > a{color: #fff;background: black;}

html.dark .title.title-x {
    background: rgba(73, 73, 73, 0.8); /* Adjusted for dark mode */
    backdrop-filter: blur(10px) saturate(40%);
    -webkit-backdrop-filter: blur(16px) saturate(30%);
}

html.dark .article__body strong {
  font-weight: 400;
  color: white;
}