/* --- Base tokens (drives most inline var(--layout-...) fallbacks) --- */
html[data-theme="dark"] {
  --light-bg: #181818;
  --light-borders: #3a3a3a;
  --main-font: #e5e5e5;

  --layout-base-white-color: #1f1f1f;
  --layout-neutral-50-color: #181818;
  --layout-neutral-100-color: #1f1f1f;
  --layout-neutral-300-color: #3a3a3a;
  --layout-neutral-600-color: #b5b5b5;
  --layout-neutral-700-color: #c7c7c7;
  --layout-neutral-800-color: #e5e5e5;
  --layout-neutral-900-color: #f2f2f2;
  --layout-neutral-950-color: #ffffff;
  --layout-primary-sa-flag-700-color: #3fae7e;

  background: var(--light-bg);
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background: var(--light-bg);
}

/* --- Nav header --- */
html[data-theme="dark"] .nav-header {
  background: var(--light-bg) !important;
  border-bottom-color: var(--light-borders) !important;
}
html[data-theme="dark"] .nav-header__navigation,
html[data-theme="dark"] .nav-header__dropdown {
  background: var(--light-bg) !important;
  border-color: var(--light-borders) !important;
}
html[data-theme="dark"] .nav-header__menu-link,
html[data-theme="dark"] .nav-header__brand {
  color: var(--layout-neutral-800-color) !important;
}
html[data-theme="dark"] .nav-header__mobile-toggle {
  background: var(--light-bg) !important;
  border-color: var(--light-borders) !important;
}
html[data-theme="dark"] .nav-header__mobile-toggle span {
  background: var(--layout-neutral-800-color) !important;
}

/* --- Vision / accessibility dropdown --- */
html[data-theme="dark"] .vision-dialog {
  background: var(--light-bg) !important;
  color: var(--main-font) !important;
  box-shadow: 0 0 11px 0 rgb(0 0 0 / 60%);
}

/* --- Hero section --- */
html[data-theme="dark"] .hero-section__standalone-image,
html[data-theme="dark"] .hero-section__media {
  background: var(--layout-neutral-300-color) !important;
}
html[data-theme="dark"] .hero-section__title {
  color: var(--layout-neutral-950-color) !important;
}
html[data-theme="dark"] .n-carousel__navigation button {
  background-color: var(--layout-base-white-color) !important;
  border-color: var(--layout-neutral-300-color) !important;
}
html[data-theme="dark"] .swiper-pagination-bullet {
  border: 1px solid #ffffff80;
  background: var(--layout-neutral-300-color) !important;
  opacity: 1;
}
html[data-theme="dark"] .swiper-pagination-bullet-active {
  background: var(--layout-primary-sa-flag-700-color) !important;
}

/* --- Services section --- */
html[data-theme="dark"] .services-section {
  background-color: var(--light-bg) !important;
}
html[data-theme="dark"] .service-card {
  border-color: var(--layout-neutral-300-color) !important;
  background-color: var(--layout-base-white-color) !important;
}
html[data-theme="dark"] .service-card__title,
html[data-theme="dark"] .service-card__description,
html[data-theme="dark"] .section-heading {
  color: var(--layout-neutral-800-color) !important;
}
html[data-theme="dark"] .n-tab {
  color: var(--layout-neutral-700-color) !important;
}
html[data-theme="dark"] .n-tab--active {
  color: var(--layout-primary-sa-flag-700-color) !important;
}

/* --- News section --- */
html[data-theme="dark"] .news-section {
  background-color: var(--layout-neutral-100-color) !important;
}
html[data-theme="dark"] .news-card {
  border-color: var(--layout-neutral-300-color) !important;
  background-color: var(--layout-base-white-color) !important;
}
html[data-theme="dark"] .news-card__title,
html[data-theme="dark"] .news-card__description,
html[data-theme="dark"] .news-section__intro {
  color: var(--layout-neutral-700-color) !important;
}
html[data-theme="dark"] .news-card__image-link {
  background: var(--layout-neutral-300-color) !important;
}

/* --- Statistics section --- */
html[data-theme="dark"] .statistics-section {
  background-color: var(--layout-neutral-50-color) !important;
}
html[data-theme="dark"] .statistics-card {
  border-color: var(--layout-neutral-300-color) !important;
  background-color: var(--layout-base-white-color) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .statistics-card__value {
  color: var(--layout-primary-sa-flag-700-color) !important;
}
html[data-theme="dark"] .statistics-card__label,
html[data-theme="dark"] .statistics-section__description {
  color: var(--layout-neutral-800-color) !important;
}
html[data-theme="dark"] .n-icon-featured {
  background: rgb(63 174 126 / 15%) !important;
}

/* --- Partners section --- */
html[data-theme="dark"] .partners-section {
  background-color: var(--light-bg) !important;
}
html[data-theme="dark"] .partner-card {
  border-color: var(--layout-neutral-300-color) !important;
  background-color: var(--layout-base-white-color) !important;
}
html[data-theme="dark"] .partner-card:hover,
html[data-theme="dark"] .partner-card:focus-visible {
  border-color: var(--layout-primary-sa-flag-700-color) !important;
}
html[data-theme="dark"] .partner-card img {
  filter: brightness(0) invert(1);
}
html[data-theme="dark"] .partners-section__description {
  color: var(--layout-neutral-700-color) !important;
}

/* --- Site footer --- */
html[data-theme="dark"] .site-footer {
  background-color: var(--layout-neutral-100-color) !important;
  opacity: 0.95;
}
html[data-theme="dark"] .site-footer__title {
  color: var(--layout-neutral-900-color) !important;
}
html[data-theme="dark"] .site-footer__links a,
html[data-theme="dark"] .site-footer__legal-links a,
html[data-theme="dark"] .site-footer__copyright {
  color: var(--layout-neutral-700-color) !important;
}
html[data-theme="dark"] .site-footer__links a:hover,
html[data-theme="dark"] .site-footer__legal-links a:hover {
  color: var(--layout-primary-sa-flag-700-color) !important;
}
html[data-theme="dark"] .site-footer__divider {
  border-color: var(--layout-neutral-300-color) !important;
}
html[data-theme="dark"] .site-footer__logos,
html[data-theme="dark"] .app-store-icon {
  filter: brightness(0) invert(1);
}
html[data-theme="dark"] .site-footer .n-btn--secondary-outline {
  border-color: var(--layout-neutral-300-color) !important;
  color: var(--layout-neutral-800-color) !important;
}

/* --- Forms / inputs (general) --- */
html[data-theme="dark"] section input,
html[data-theme="dark"] .ds-text-input {
  background-color: var(--light-bg) !important;
  color: var(--layout-neutral-800-color) !important;
  border-color: var(--layout-neutral-300-color) !important;
}

/* --- Cookie/privacy popup --- */
html[data-theme="dark"] .popupwrapperEn {
  background: var(--light-bg) !important;
  color: var(--layout-neutral-800-color) !important;
  border-color: var(--layout-neutral-300-color) !important;
}

/* ============================================
   GRAY / BRIGHTNESS MODES (unchanged from original)
   ============================================ */
html[data-theme="gray"] {
  filter: grayscale(1);
}
html[data-theme="brightness"] {
  filter: brightness(1.25);
}
html[data-theme="gray"] ::-webkit-scrollbar-thumb {
  background: var(--main-font);
  border-radius: 5px;
}