html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="dark"] {
  --ink: #f3f3f3;
  --ink-deep: #050505;
  --forest: #d6d6d6;
  --forest-soft: #c4c4c4;
  --mint: #222222;
  --cream: #1b1b1b;
  --paper: #0d0d0d;
  --line: rgba(255, 255, 255, .18);
  --shadow-soft: 0 24px 70px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] body {
  background: var(--paper);
  color: var(--ink);
}

html[data-theme="dark"] p { color: rgba(243, 243, 243, .72); }
html[data-theme="dark"] .theme-toggle { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); }
html[data-theme="dark"] .theme-toggle:hover { background: rgba(255, 255, 255, .2); }
html[data-theme="dark"] .desktop-cta { background: #f3f3f3; color: #0a0a0a; }
html[data-theme="dark"] .desktop-cta:hover,
html[data-theme="dark"] .desktop-cta:focus-visible { background: #fff; color: #050505; }
html[data-theme="dark"] .language-menu__options { background: #1b1b1b; border-color: rgba(255, 255, 255, .2); box-shadow: 0 18px 40px rgba(0, 0, 0, .42); }
html[data-theme="dark"] .language-menu__option { color: var(--ink); }
html[data-theme="dark"] .language-menu__option:hover,
html[data-theme="dark"] .language-menu__option.is-active { background: #f3f3f3; color: #0a0a0a; }
html[data-theme="dark"] .mobile-menu { background: #050505; }
html[data-theme="dark"] .mobile-menu nav a,
html[data-theme="dark"] .mobile-menu__close { color: var(--ink); }
html[data-theme="dark"] .mobile-menu__languages button { background: rgba(255, 255, 255, .12); color: var(--ink); }
html[data-theme="dark"] .mobile-menu__languages button:hover { background: #f3f3f3; color: #0a0a0a; }

html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .partner-page .site-footer,
html[data-theme="dark"] .contact-page .site-footer { background: var(--paper); color: var(--ink); }
html[data-theme="dark"] .site-footer__bottom { color: rgba(243, 243, 243, .62); }
html[data-theme="dark"] .brand--footer .brand__name,
html[data-theme="dark"] .site-footer a { color: var(--ink); }
html[data-theme="dark"] .brand--footer .brand__mark--dark img { content: url("../../public/assets/plastprof-logo-dark-transparent.4d604a946d6a.webp"); filter: none; }
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-link-parent { color: rgba(243, 243, 243, .76); }
html[data-theme="dark"] .footer-link-submenu a { color: rgba(243, 243, 243, .62); }
html[data-theme="dark"] .footer-links a:hover,
html[data-theme="dark"] .footer-link-parent:hover { color: #fff; }
html[data-theme="dark"] .footer-social a { background: #202020; color: #c8c8c8; }
html[data-theme="dark"] .footer-social a:hover { background: #303030; color: #fff; }

/* Footer text is black in light mode and white in dark mode. */
html[data-theme="light"] .site-footer,
html[data-theme="light"] .brand--footer .brand__name,
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-link-parent,
html[data-theme="light"] .footer-link-submenu a,
html[data-theme="light"] .site-footer__bottom,
html[data-theme="light"] .footer-social a { color: #000; }

html[data-theme="light"] .brand--footer .brand__mark--dark img {
  content: url("../../public/assets/plastprof-logo-dark-transparent.4d604a946d6a.webp");
  filter: brightness(0);
}

html[data-theme="dark"] .brand--footer .brand__name,
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-link-parent,
html[data-theme="dark"] .footer-link-submenu a,
html[data-theme="dark"] .site-footer__bottom,
html[data-theme="dark"] .footer-social a { color: #fff; }

html[data-theme="dark"] .products-scroll-header { background: rgba(13, 13, 13, .97); border-bottom-color: var(--line); color: var(--ink); }
html[data-theme="dark"] .products-scroll-header__brand { color: var(--ink); }
html[data-theme="dark"] .products-scroll-header__links a { color: rgba(243, 243, 243, .72); }
html[data-theme="dark"] .products-scroll-header__links a:hover,
html[data-theme="dark"] .products-scroll-header__links a.is-active { background: #d6d6d6; color: #090909; }
html[data-theme="dark"] .product-card { background: #202020; }
html[data-theme="dark"] .products-section .product-card__cta { background: #fff; color: #000; }
html[data-theme="dark"] .products-section .product-card__cta:hover,
html[data-theme="dark"] .products-section .product-card__cta:focus-visible { background: #f1f1f1; color: #000; }
html[data-theme="dark"] .production-preview { background: #1d1d1d; }
html[data-theme="dark"] .production-preview__copy h2 { color: var(--ink); }
html[data-theme="dark"] .production-preview__copy > p:not(.eyebrow) { color: rgba(243, 243, 243, .7); }
html[data-theme="dark"] .contact-card { background: #202020; }
html[data-theme="dark"] .contact-card .button--soft,
html[data-theme="dark"] .contact-card .button--soft:hover,
html[data-theme="dark"] .contact-card .button--soft:focus-visible,
html[data-theme="dark"] .contact-card .button--soft:active {
  background: #111;
  color: #fff;
}
html[data-theme="dark"] .contact-card .button--soft svg,
html[data-theme="dark"] .contact-card .button--soft:hover svg,
html[data-theme="dark"] .contact-card .button--soft:focus-visible svg,
html[data-theme="dark"] .contact-card .button--soft:active svg {
  border-left-color: rgba(255,255,255,.24);
}
html[data-theme="dark"] .technology-page { background: var(--paper); }

/* Dark-mode product backgrounds only; all product content remains unchanged. */
html[data-theme="dark"] .technology-product { background: #202020; }
html[data-theme="dark"] .electronic-product { background: #171717; }
html[data-theme="dark"] .produce-crates-product { background: #2a1733; }

/* Keep the yellow beekeeping section consistent with the other product sections. */
html[data-theme="light"] .beekeeping-product .technology-product__eyebrow,
html[data-theme="light"] .beekeeping-product h2,
html[data-theme="light"] .beekeeping-product__intro > p:not(.technology-product__eyebrow),
html[data-theme="light"] .beekeeping-product__feature h3 { color: #fff; }
html[data-theme="light"] .beekeeping-product__feature p { color: rgba(255, 255, 255, .82); }
html[data-theme="light"] .beekeeping-product__feature { border-top-color: rgba(255, 255, 255, .26); }

html[data-theme="dark"] .beekeeping-product { background: #9a7000; color: #fff; }
html[data-theme="dark"] .beekeeping-product .technology-product__eyebrow,
html[data-theme="dark"] .beekeeping-product h2 { color: #fff; }
html[data-theme="dark"] .beekeeping-product__intro > p:not(.technology-product__eyebrow),
html[data-theme="dark"] .beekeeping-product__feature h3,
html[data-theme="dark"] .beekeeping-product__feature p { color: #fff; }
html[data-theme="dark"] .beekeeping-product__feature { border-top-color: rgba(23, 59, 50, .3); }

html[data-theme="dark"] .partner-page,
html[data-theme="dark"] .partner-main,
html[data-theme="dark"] .partner-hero,
html[data-theme="dark"] .partner-paths { background: #0d0d0d; color: var(--ink); }
html[data-theme="dark"] .partner-hero .eyebrow,
html[data-theme="dark"] .partner-hero h1,
html[data-theme="dark"] .partner-section-heading h2,
html[data-theme="dark"] .partner-path-card h3 { color: var(--ink); }
html[data-theme="dark"] .partner-hero__body { color: rgba(243, 243, 243, .74); }
html[data-theme="dark"] .partner-button--light { background: #f1f1ef; color: #0a0a0a; }
html[data-theme="dark"] .partner-button--outline { border-color: rgba(255, 255, 255, .26); color: var(--ink); }
html[data-theme="dark"] .partner-button--dark { background: #f1f1ef; color: #0a0a0a; }
html[data-theme="dark"] .partner-hero__note { color: rgba(243, 243, 243, .58); }
html[data-theme="dark"] .partner-hero__note a,
html[data-theme="dark"] .partner-path-card a { color: var(--ink); }
html[data-theme="dark"] .partner-network { background: #171717; }
html[data-theme="dark"] .partner-carousel__card { background: #202020; border-color: rgba(255, 255, 255, .18); color: var(--ink); }
html[data-theme="dark"] .partner-carousel__card--logo { background: #000; border-color: #000; }
html[data-theme="dark"] .partner-carousel__card--logo .partner-carousel__label { color: #fff; }
html[data-theme="dark"] .partner-carousel__logo { filter: none; }
html[data-theme="dark"] .partner-carousel__card--antigen { background: #000 !important; border-color: #000 !important; }
html[data-theme="dark"] .partner-carousel__card::after {
  background: #fff;
  box-shadow: 0 0 16px rgba(255, 255, 255, .38);
}
html[data-theme="dark"] .partner-carousel__card:hover,
html[data-theme="dark"] .partner-carousel__card:focus,
html[data-theme="dark"] .partner-carousel__card.is-active {
  border-color: rgba(255, 255, 255, .32) !important;
  box-shadow: 0 20px 36px rgba(255, 255, 255, .08), 0 0 0 1px rgba(255, 255, 255, .28);
}
html[data-theme="dark"] .partner-carousel__card--antigen .partner-carousel__logo--antigen {
  background-color: #fff !important;
  filter: none !important;
}
html[data-theme="dark"] .partner-carousel__symbol { border-color: #000; color: #000; }
html[data-theme="light"] .partner-carousel__card--logo { background: #fff; border-color: rgba(8, 8, 8, .14); }
html[data-theme="light"] .partner-carousel__logo { filter: invert(1); }
html[data-theme="light"] .partner-button--light { background: #000; color: #fff; }

/* Keep the Antigen tile in light mode even before theme initialization runs. */
html:not([data-theme="dark"]) .partner-carousel__card--logo {
  background: #fff !important;
  border-color: rgba(8, 8, 8, .14) !important;
}

html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo {
  filter: invert(1) !important;
}

html:not([data-theme="dark"]) .partner-carousel__card--antigen .partner-carousel__logo--antigen {
  filter: brightness(0) saturate(100%) !important;
  opacity: 1 !important;
}

html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--agricultural-services-agency,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--agro-dairy,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--aqta,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--qabala-aqropark,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--yalama-aqropark,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--tovuz-agro,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--ministry-ecology-natural-resources,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--crop-research-institute,
html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--biotest-lab {
  filter: brightness(0) saturate(100%) !important;
  opacity: 1 !important;
}

html:not([data-theme="dark"]) .partner-carousel__card--logo .partner-carousel__logo--azerarqar {
  filter: none !important;
}

html[data-theme="dark"] .partner-carousel__card--logo .partner-carousel__logo--azerarqar {
  filter: invert(1) !important;
}

html:not([data-theme="dark"]) .partner-carousel__card--logo:hover,
html:not([data-theme="dark"]) .partner-carousel__card--logo:focus,
html:not([data-theme="dark"]) .partner-carousel__card--logo.is-active {
  border-color: rgba(0, 0, 0, .46) !important;
  box-shadow: 0 20px 36px rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .18);
}
html[data-theme="dark"] .partner-path-grid { background: rgba(255, 255, 255, .18); }
html[data-theme="dark"] .partner-path-card { background: #111111; border-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"] .partner-path-card__number { color: rgba(243, 243, 243, .55); }
html[data-theme="dark"] .partner-path-card p { color: rgba(243, 243, 243, .68); }
html[data-theme="dark"] .partner-closing { background: #1f1f1f; color: var(--ink); }
html[data-theme="dark"] .partner-closing .eyebrow,
html[data-theme="dark"] .partner-closing h2 { color: var(--ink); }
html[data-theme="dark"] .partner-closing__row p { color: rgba(243, 243, 243, .72); }

html[data-theme="dark"] body.contact-page,
html[data-theme="dark"] .contact-main,
html[data-theme="dark"] .contact-layout { background: #0d0d0d; color: var(--ink); }
html[data-theme="dark"] .contact-intro h1,
html[data-theme="dark"] .contact-form__heading h2,
html[data-theme="dark"] .contact-form__success h2 { color: var(--ink); }
html[data-theme="dark"] .contact-eyebrow { color: var(--forest-soft); }
html[data-theme="dark"] .contact-intro__body,
html[data-theme="dark"] .contact-support__label,
html[data-theme="dark"] .contact-support li,
html[data-theme="dark"] .contact-form__heading > span,
html[data-theme="dark"] .contact-help,
html[data-theme="dark"] .contact-form__back { color: rgba(243, 243, 243, .68); }
html[data-theme="dark"] .contact-support li span,
html[data-theme="dark"] .contact-email,
html[data-theme="dark"] .contact-help a,
html[data-theme="dark"] .contact-success__mark { color: var(--forest-soft); border-color: rgba(255, 255, 255, .5); }
html[data-theme="dark"] .contact-form-card { background: #1b1b1b; border-color: rgba(255, 255, 255, .16); box-shadow: 0 18px 50px rgba(0, 0, 0, .28); color: var(--ink); }
html[data-theme="dark"] .contact-form__button { background: #fff; color: #111; }
html[data-theme="dark"] .contact-form__button:hover,
html[data-theme="dark"] .contact-form__button:focus-visible { background: #f1f1ef; color: #111; }
html[data-theme="dark"] .contact-form__button span { border-left-color: rgba(17, 17, 17, .24); }
html[data-theme="dark"] .contact-field > span { color: var(--ink); }
html[data-theme="dark"] .contact-field__optional { color: rgba(243, 243, 243, .58); }
html[data-theme="dark"] .contact-field input,
html[data-theme="dark"] .contact-field select,
html[data-theme="dark"] .contact-field textarea { background: #0f0f0f; border-color: rgba(255, 255, 255, .22); color: var(--ink); }
html[data-theme="dark"] .contact-field select option { background: #0f0f0f; color: var(--ink); }
html[data-theme="dark"] .contact-field input::placeholder,
html[data-theme="dark"] .contact-field textarea::placeholder { color: rgba(243, 243, 243, .46); }
html[data-theme="dark"] .contact-field input:focus,
html[data-theme="dark"] .contact-field select:focus,
html[data-theme="dark"] .contact-field textarea:focus { border-color: var(--forest-soft); box-shadow: 0 0 0 3px rgba(255, 255, 255, .16); }
html[data-theme="dark"] .contact-consent { color: rgba(243, 243, 243, .7); }
html[data-theme="dark"] .contact-consent input { accent-color: var(--forest-soft); }
html[data-theme="dark"] .contact-form__success p { color: rgba(243, 243, 243, .68); }
html[data-theme="dark"] .contact-form__back:hover,
html[data-theme="dark"] .contact-form__back:focus-visible { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] * { transition-duration: 0.01ms !important; }
}

/* Keep product labels, descriptions, and callouts bright in dark mode. */
html[data-theme="dark"] .technology-hero__callout,
html[data-theme="dark"] .technology-hero__callout p,
html[data-theme="dark"] .technology-hero__callout svg,
html[data-theme="dark"] .technology-product__eyebrow,
html[data-theme="dark"] .technology-product__callout,
html[data-theme="dark"] .technology-product__callout p,
html[data-theme="dark"] .technology-product__callout svg,
html[data-theme="dark"] .technology-product__intro > p:not(.technology-product__eyebrow),
html[data-theme="dark"] .electronic-product__intro h2,
html[data-theme="dark"] .electronic-product__intro > p:not(.technology-product__eyebrow),
html[data-theme="dark"] .electronic-product__description,
html[data-theme="dark"] .electronic-product__frame figcaption,
html[data-theme="dark"] .produce-crates-product__content > p:not(.technology-product__eyebrow),
html[data-theme="dark"] .produce-crates-product__callout,
html[data-theme="dark"] .produce-crates-product__callout p,
html[data-theme="dark"] .produce-crates-product__callout svg,
html[data-theme="dark"] .produce-crates-product__specs li {
  color: #fff !important;
}

html[data-theme="dark"] .technology-hero__callout svg,
html[data-theme="dark"] .technology-product__callout svg,
html[data-theme="dark"] .produce-crates-product__callout svg {
  stroke: #fff !important;
}
