:root {
  --theme-darkmode-bg-color: #1e1e1e;
  --theme-darkmode-text-color: #fff;
  --theme-plain-white: #fff;
  --theme-darkmode-link-color: #fff;
  --theme-darkmode-accent-color: #FF7044;

  --theme-topbar-darkmode-bg-color: #000;
  --theme-topbar-darkmode-text-color: #fff;

  --theme-darkmode-rgb-color: 255, 255, 255;
  --theme-alt-darkmode-rgb-color: 0, 0, 0;
}

[data-theme="dark"] {
  --theme-bg-color: var(--theme-darkmode-bg-color);
  --theme-text-color: var(--theme-darkmode-text-color);
  --theme-link-color: var(--theme-darkmode-link-color);
  --theme-accent-color: var(--theme-darkmode-accent-color);

  --theme-topbar-bg-color: var(--theme-topbar-darkmode-bg-color);
  --theme-topbar-text-color: var(--theme-topbar-darkmode-text-color);

  --theme-rgb-color: var(--theme-darkmode-rgb-color);
  --theme-alt-rgb-color: var(--theme-alt-darkmode-rgb-color);
}

[data-theme="dark"] body.custom-background {
  background-color: var(--theme-darkmode-bg-color);
}

/* Dark mode css
**------------------------------------------------ */


[data-theme="dark"] .ooze-archive_style_3 > article,
[data-theme="dark"] .container-bg-color,
[data-theme="dark"] .site-footer,
[data-theme="dark"] .primary-menu ul {
  background-color: #303030;
}

[data-theme="dark"] .theme-article-split:not(:last-child) {
  border-color: var(--theme-plain-white);
}

[data-theme="dark"] .swiper-pagination-bullet {
  background: var(--theme-plain-white);
}

[data-theme="dark"] .primary-menu ul a:not(:hover, :focus) {
  color: var(--theme-plain-white) !important;
}

[data-theme="dark"] .site-header .sticky-header-active,
[data-theme="dark"] .site-header .sticky-header-active a:not(:hover, :focus),
[data-theme="dark"] .site-header .sticky-header-active .theme-button.theme-button-transparent:not(:hover, :focus) {
  color: #000;
}

[data-theme="dark"] .site-header .sticky-header-active .theme-button.theme-button-transparent:not(:hover, :focus) .svg-icon-colormode > :is(.moon, .sun) {
  fill: #000;
}

[data-theme="dark"] .site-header .sticky-header-active .theme-button.theme-button-transparent:not(:hover, :focus) .svg-icon-colormode > .sun-beams {
  stroke: #000;
}