body[data-theme="dark"] {
  --bg: #060b16;
  --surface: #0f1726;
  --text: #e6edf7;
  --muted: #93a4bc;
  --muted-2: #6f819b;
  --border: rgba(148, 163, 184, 0.14);
  --brand-soft: rgba(59, 130, 246, 0.16);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.3);
}

body[data-theme="dark"] .sidebar,
body[data-theme="dark"] .topbar,
body[data-theme="dark"] .card--home,
body[data-theme="dark"] .card__body--home,
body[data-theme="dark"] .footerpag_GeneralAsk,
body[data-theme="dark"] .menu-panel {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
  box-shadow: var(--shadow-soft);
}

body[data-theme="dark"] .sidebar {
  background: linear-gradient(180deg, rgba(15, 23, 38, 0.98), rgba(10, 16, 29, 0.98));
}

body[data-theme="dark"] .topbar {
  background: rgba(15, 23, 38, 0.92);
  backdrop-filter: blur(14px);
}

body[data-theme="dark"] .Home_maincontent,
body[data-theme="dark"] .Home_content,
body[data-theme="dark"] .main,
body[data-theme="dark"] body {
  background: var(--bg);
}

body[data-theme="dark"] .topbar,
body[data-theme="dark"] .sidebar,
body[data-theme="dark"] .footerpag::before {
  border-color: rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"] .sidebar__menu,
body[data-theme="dark"] .icon-btn,
body[data-theme="dark"] .nav-btn,
body[data-theme="dark"] .topbar__link,
body[data-theme="dark"] .brand__mark,
body[data-theme="dark"] .menu-item,
body[data-theme="dark"] .menu-close,
body[data-theme="dark"] .menu-title,
body[data-theme="dark"] .topbar__social,
body[data-theme="dark"] .avatar {
  color: var(--text);
}

body[data-theme="dark"] .icon-btn,
body[data-theme="dark"] .nav-btn,
body[data-theme="dark"] .topbar__link {
  border-color: rgba(148, 163, 184, 0.08);
}

body[data-theme="dark"] .icon-btn:hover,
body[data-theme="dark"] .nav-btn:hover,
body[data-theme="dark"] .menu-item:hover,
body[data-theme="dark"] .theme-menu__item:hover {
  background: rgba(148, 163, 184, 0.08);
}

body[data-theme="dark"] .nav-btn.is-active,
body[data-theme="dark"] .topbar__link:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.16);
}

body[data-theme="dark"] .footerpag__input {
  background: #111c2d;
  color: var(--text);
  border: 1px solid rgba(148, 163, 184, 0.08);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.03), inset 0 -1px 1px rgba(2, 6, 23, 0.45);
}

body[data-theme="dark"] .footerpag__input::placeholder {
  color: var(--muted);
}

body[data-theme="dark"] .footerpag_GeneralAsk {
  background: rgba(15, 23, 38, 0.96);
  border-color: rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"] .footerpag__voice,
body[data-theme="dark"] .footerpag__send {
  color: var(--muted);
}

body[data-theme="dark"] .card__meta,
body[data-theme="dark"] .card__name--home,
body[data-theme="dark"] .menu-item span {
  color: var(--text);
}

body[data-theme="dark"] .card--home {
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

body[data-theme="dark"] .card__body--home {
  background: linear-gradient(180deg, rgba(23, 33, 52, 0.98), rgba(17, 27, 43, 0.98));
  border-top-color: rgba(148, 163, 184, 0.14);
}

body[data-theme="dark"] .theme-menu {
  background: linear-gradient(180deg, rgba(15, 23, 38, 0.98), rgba(10, 16, 29, 0.98));
  border-color: var(--border);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.38);
}

body[data-theme="dark"] .theme-menu__header {
  border-bottom-color: rgba(148, 163, 184, 0.14);
}

body[data-theme="dark"] .theme-menu__title {
  color: var(--text);
}

body[data-theme="dark"] .theme-menu__subtitle {
  color: var(--muted);
}

body[data-theme="dark"] .theme-menu__item {
  color: var(--text);
}

body[data-theme="dark"] .theme-menu__icon {
  background: rgba(148, 163, 184, 0.08);
}

body[data-theme="dark"] .theme-menu__item.is-active {
  background: rgba(59, 130, 246, 0.16);
  color: #dbeafe;
}

body[data-theme="dark"] .theme-menu__item.is-active .theme-menu__icon {
  background: rgba(59, 130, 246, 0.18);
}

body[data-theme="dark"] .notify-dot {
  border-color: var(--surface);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14);
}