[data-theme="dark"] {
  --bg-body: #181818;
  --bg-section: #222;
  --bg-card: #2a2a2a;
  --bg-input: #333;

  --text-main: #f1f1f1;
  --text-secondary: #c7c7c7;

  --border-color: #555;

  --btn-bg: #1e88e5;
  --btn-text: #fff;
  --btn-bg-hover: #1565c0;

  --shadow-light: rgba(0, 0, 0, 0.4);
  --header-bg: rgba(20, 20, 20, 0.7);
  --header-text: #f2f2f2;
  --header-shadow: rgba(0, 0, 0, 0.4);
  --nav-hover-underline: #00c8ff; /* Example color */
  --mobile-menu-bg: rgba(30, 30, 30, 0.93);
}