/* ========== Variable Definition ========== */


body.dark-mode {
  --bg: #111;
  --text: #eee;
  --link: #9fc9ff;
  --heading: #fff;
  --accent: #ffcc00;
}

/* ========== Anwendung der Variablen ========== */

/* ========== Spezielle Komponenten ========== */
body.dark-mode .elementor-section,
body.dark-mode .elementor-column,
body.dark-mode .elementor-widget,
body.dark-mode .entry-content,
body.dark-mode .site,
body.dark-mode .wp-block {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

body.dark-mode .elementor-button,
body.dark-mode .wp-block-button__link {
  background-color: #333;
  color: #eee;
}

/* ========== Optional: Shadow, Border, etc. =======*