body.dark-mode {
	--bg-color: #1e1e1e;
	--header-bg: #1f1f1f;
	--menu-bg: #1f1f1f;
	--hover-color: #2d2d2d;
	--text-color: #e3e3e3;
	--text-secondary: #a0a0a0;
	--border-color: #3e3e3e;
	--accent-blue: #f45700;
}

body.dark-mode .main-content,
body.dark-mode .sidebar,
body.dark-mode .app-launcher-menu,
body.dark-mode .account-dropdown,
body.dark-mode .settings-content,
body.dark-mode .header-search,
body.dark-mode .menu-search,
body.dark-mode .file-card,
body.dark-mode .card-footer,
body.dark-mode .create-new-btn,
body.dark-mode .form-select {
	background-color: #1e1e1e !important;
	color: var(--text-color);
	border-color: var(--border-color);
}

body.dark-mode .header-search input,
body.dark-mode .menu-search input,
body.dark-mode .form-select {
	color: #fff;
}

body.dark-mode .header-search {
	background-color: #2d2d2d !important;
}

body.dark-mode .files-table th {
	color: #a0a0a0;
	border-bottom-color: var(--border-color);
}

body.dark-mode .files-table td {
	color: #e3e3e3;
	border-bottom-color: #2d2d2d;
}

body.dark-mode .files-table tr:hover td {
	background-color: #2d2d2d;
}

body.dark-mode .quick-card {
	background-color: #252526;
	border-color: var(--border-color);
}

body.dark-mode .quick-card span {
	color: #e3e3e3;
}

body.dark-mode .card-preview {
	background-color: #252526 !important;
	border-bottom-color: var(--border-color);
}

body.dark-mode .icon-btn:hover,
body.dark-mode .nav-item:hover,
body.dark-mode .acc-item-row:hover,
body.dark-mode .app-item:hover {
	background-color: var(--hover-color);
}

body.dark-mode .create-new-btn {
	background-color: #2d2d2d !important;
	color: #fff;
	border: none;
}

body.dark-mode .about-card {
	background-color: #1e1e1e;
	border-color: var(--border-color);
}

body.dark-mode .nav-item.active {
	background-color: #f45700;
	color: #fff;
}

body.dark-mode {
	background-color: var(--bg-color) !important;
	color: var(--text-color);
}

body.dark-mode .create-card,
body.dark-mode .form-card {
	background-color: #1e1e1e;
	border-color: var(--border-color);
}

body.dark-mode .btn-secondary {
	color: #e3e3e3;
}

body.dark-mode .btn-secondary:hover {
	background-color: rgba(255, 255, 255, 0.05);
}


body.dark-mode span{
	color: var(--text-color) !important;
}

body.dark-mode .holding-badge{
	color: var(--header-bg) !important;
}