/**
 * Dekodv child theme: палитра при Ohio dark-scheme / auto-dark.
 * Использует --clb-* из родительской темы (:root и .dark-scheme).
 */

body.dark-scheme {
  --khaki: color-mix(in srgb, var(--clb-color-fill-dark-mode) 32%, var(--clb-color-white-dark-mode));
  --light-khaki: color-mix(in srgb, var(--clb-color-fill-dark-mode) 20%, var(--clb-color-white-dark-mode));

  --beige: #e4c979;
  --light-beige: color-mix(in srgb, #e4c979 42%, transparent);
  --dark-beige: color-mix(in srgb, #e4c979 72%, var(--clb-color-fill-dark-mode));

  --light-gray: color-mix(in srgb, var(--clb-color-white-dark-mode) 8%, transparent);
  --light-gray-text: color-mix(in srgb, var(--clb-color-white-dark-mode) 34%, transparent);
  --light-active-gray: color-mix(in srgb, var(--clb-color-white-dark-mode) 18%, transparent);
  --light-count-gray: color-mix(in srgb, var(--clb-color-white-dark-mode) 26%, transparent);

  --menu-baground-color: color-mix(in srgb, var(--clb-color-fill-dark-mode) 88%, var(--clb-color-white-dark-mode));

  --reason-color: color-mix(in srgb, var(--clb-color-white-dark-mode) 50%, transparent);

  --win-lose-dark-color: color-mix(in srgb, var(--clb-color-fill-dark-mode) 62%, var(--clb-color-white-dark-mode));
  --win-lose-light-color: color-mix(in srgb, var(--clb-color-white-dark-mode) 12%, transparent);

  --dekodv-surface-contrast: color-mix(in srgb,
      var(--clb-color-fill-dark-mode) 76%,
      var(--clb-color-white-dark-mode));
  --dekodv-solid-dark: color-mix(in srgb,
      var(--clb-color-fill-dark-mode) 58%,
      var(--clb-color-white-dark-mode));
  --dekodv-band-bg: color-mix(in srgb, var(--clb-color-fill-dark-mode) 90%, var(--clb-color-white-dark-mode));

  --dekodv-hero-overlay: rgba(0, 0, 0, 0.52);
  --dekodv-fill-glass-15: color-mix(in srgb, var(--clb-color-white-dark-mode) 12%, transparent);
  --dekodv-fill-glass-10: color-mix(in srgb, var(--clb-color-white-dark-mode) 8%, transparent);
  --dekodv-fill-glass-08: color-mix(in srgb, var(--clb-color-white-dark-mode) 7%, transparent);
  --dekodv-border-faint: color-mix(in srgb, var(--clb-color-white-dark-mode) 14%, transparent);
  --dekodv-text-muted-bright: color-mix(in srgb, var(--clb-color-white-dark-mode) 78%, transparent);
}

body.dark-scheme .menu-btn:not(:active) img {
  filter: brightness(0) invert(1);
}

body.dark-scheme .cart-wrapper .cart-icon {
  filter: brightness(0) invert(1);
}

body.dark-scheme .icon-dark {
  filter: brightness(0) invert(1);
}

body.dark-scheme .dekodv-pickup-modal__dialog {
  background: color-mix(in srgb, var(--clb-color-fill-dark-mode) 94%, var(--clb-color-white-dark-mode));
  color: var(--clb-text-color);
  box-shadow: 0 12px 40px color-mix(in srgb, var(--clb-color-fill-dark-mode) 55%, transparent);
}

body.dark-scheme .dekodv-pickup-modal__close {
  color: var(--clb-text-color);
}

/* Текст .black на тёмном фоне Ohio; на светлых подложках оставляем «чернильный». */
body.dark-scheme .dekodv-home .black {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 88%, transparent);
}

body.dark-scheme .dekodv-home .beige-background .black,
body.dark-scheme .dekodv-home .interiors-section .black,
body.dark-scheme .dekodv-home .designers-card .black {
  color: var(--graphite);
}

body.dark-scheme .dekodv-home section:not(.interiors-section) .h2_block {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 88%, transparent);
}

body.dark-scheme .dekodv-home .interiors-section .h2_block,
body.dark-scheme .dekodv-home .designers-card .h2_block {
  color: var(--graphite);
}

body.dark-scheme .dekodv-home .why-us-list li::before {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 78%, transparent);
}

body.dark-scheme .dekodv-home .step-item {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 68%, transparent);
}

body.dark-scheme .dekodv-home .step-item.active {
  color: var(--white);
}

body.dark-scheme .dekodv-home .feature-text {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 65%, transparent);
}

body.dark-scheme .dekodv-home .project-info-table td:first-child {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 62%, transparent);
}

body.dark-scheme .dekodv-home .project-info-table td:last-child {
  color: color-mix(in srgb, var(--clb-color-white-dark-mode) 88%, transparent);
}