body.dark-mode .tra-nav {
  --tra-nav-bg: #1c2734;
  --tra-nav-border-color: rgba(8, 12, 20, 0.7);
  --tra-nav-text-color: #f1f5f9;
  --tra-nav-button-bg: rgba(68, 80, 100, 0.45);
  --tra-nav-button-text: rgb(116, 185, 255);
  --tra-nav-button-hover-bg: rgba(29, 135, 248, 0.38);
  --tra-nav-button-hover-text: #f5faff;
  --tra-nav-button-border: rgba(116, 185, 255, 0.22);
  --tra-nav-button-shadow: 0 10px 22px rgba(5, 9, 15, 0.48);
  --tra-nav-dropdown-bg: rgba(22, 32, 44, 0.98);
  --tra-nav-dropdown-border: rgba(116, 185, 255, 0.18);
  --tra-nav-dropdown-link-color: rgb(116, 185, 255);
  --tra-nav-dropdown-link-hover-bg: rgba(174, 219, 52, 0.22);
  --tra-nav-dropdown-divider: rgba(116, 185, 255, 0.2);
  --tra-nav-environment-color: #ffd166;
  --tra-nav-environment-bg: rgba(255, 209, 102, 0.12);
  --tra-nav-environment-border: rgba(255, 209, 102, 0.32);
  --tra-nav-shadow: 0 18px 40px rgba(3, 6, 12, 0.55);
}

body.dark-mode .tra-nav-footer {
  background: linear-gradient(180deg, #141d2b 0%, #1d2b3c 100%);
  color: #cdd9ef;
  box-shadow: 0 18px 40px rgba(3, 6, 12, 0.55);
  border-top: 1px solid rgba(116, 185, 255, 0.18);
}

body.dark-mode .footer-legal-list {
  color: rgba(216, 228, 255, 0.9);
}

body.dark-mode .footer-legal-link {
  color: #8fc1ff;
}

body.dark-mode .footer-legal-separator {
  color: rgba(188, 210, 247, 0.32);
}

body.dark-mode .beyondxc-nav__language-switch {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(116, 185, 255, 0.18);
  box-shadow: 0 10px 22px rgba(2, 6, 15, 0.22);
}

body.dark-mode .beyondxc-nav__language-link {
  color: rgba(203, 213, 225, 0.92);
}

body.dark-mode .beyondxc-nav__language-link:hover,
body.dark-mode .beyondxc-nav__language-link:focus-visible {
  color: #f8fafc;
  background: rgba(14, 165, 233, 0.16);
  border-color: rgba(14, 165, 233, 0.28);
}

body.dark-mode .beyondxc-nav__language-link--active {
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  border-color: rgba(14, 165, 233, 0.5);
  box-shadow: 0 8px 18px rgba(14, 165, 233, 0.22);
}

body.dark-mode .tra-nav__dropdown-link--history {
  color: #2f230c;
}

body.dark-mode .tra-nav__dropdown-link--stats {
  color: rgb(116, 185, 255);
}

body.dark-mode .tra-nav__button--external {
  color: #d7ffed;
}

body.dark-mode .tra-nav__button--user {
  color: #e8ffbb;
}

body.dark-mode .tra-nav__button--user:hover,
body.dark-mode .tra-nav__button--user:focus-visible {
  color: #f5ffd9;
}

body.dark-mode.dashboard-view-mobile .tra-nav__button--view {
  background: #aedb34;
  border-color: #aedb34;
  color: #0b2e4e;
}