body[data-theme="dark"] {
  --e-global-color-background: #191a23;
  --e-global-color-text: #fafafa;
  --e-global-color-primary: #FF5470;
  --e-global-color-secondary: #74ADFF;
  --e-global-color-accent: #FF7A94;
  --e-global-color-c6eb9e4: #222432;
  --e-global-color-2104387: #232740;
  --e-global-color-4c11e95: #fafafa;
  --e-global-color-c351401: #FF7A94;
  --e-global-color-33be369: #aaa;
  --e-global-color-db61191: #14161a;
  --e-global-color-74a3e85: #74ADFF;
  --e-global-color-171711e: #FFEF76;
  --e-global-color-e1d1f8d: #1f2235;
  --e-global-color-b6ee983: #eee;
  background: var(--e-global-color-background, #191a23) !important;
  color: var(--e-global-color-text, #fafafa) !important;
}

body[data-theme="dark"] a {
  color: var(--e-global-color-primary, #FF5470) !important;
}

body[data-theme="dark"] .elementor-widget-container,
body[data-theme="dark"] .elementor-section {
  background: var(--e-global-color-background, #191a23) !important;
}

body[data-theme="dark"] .site-logo {
  content: url('/wp-content/uploads/sites/9/2025/09/haedong-logo-white.png');
}

/* MINIMALIST TOGGLE BUTTON FOR DARK MODE */
#darkModeToggle {
  background: none;
  border: none;
  outline: none;
  padding: 7px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.18s;
}
#darkModeToggle svg {
  display: block;
  width: 22px;
  height: 22px;
  transition: fill 0.18s, stroke 0.18s;
}
#darkModeToggle .toggle-icon-moon,
#darkModeToggle .toggle-icon-sun circle {
  fill: none;
  transition: fill 0.18s;
}
#darkModeToggle:hover .toggle-icon-moon,
#darkModeToggle:focus .toggle-icon-moon {
  fill: currentColor;
}
#darkModeToggle:hover .toggle-icon-sun circle,
#darkModeToggle:focus .toggle-icon-sun circle {
  fill: currentColor;
}

body[data-theme="dark"] .elementor-3517 .elementor-element.elementor-element-17e8d11:not(.elementor-motion-effects-element-type-background),
body[data-theme="dark"] .elementor-3517 .elementor-element.elementor-element-17e8d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background: #191a23 !important;
  background-color: #191a23 !important;
}

/* Haedong header */
body[data-theme="dark"] .elementor-3517 .elementor-element.elementor-element-17e8d11 {
  --e-global-color-b6ee983: #191a23 !important; /* Or your dark background hex */
}

/* Haedong footer */
body[data-theme="dark"] .elementor-3620 .elementor-element.elementor-element-fa98745 {
  --e-global-color-b6ee983: #191a23 !important;
}