[data-theme="dark"] body {
	background-color: #0b0e15;
	color: #c8c8d0;
}
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
	color: #e8e8f0;
}
[data-theme="dark"] .page--login {
	background-color: #0b0e15;
}
[data-theme="dark"] .login {
	background-color: #0b0e15;
}
[data-theme="dark"] .login__content {
	background-color: #14172e;
	border-radius: 25px;
	padding: 40px 30px;
}
[data-theme="dark"] .login__title {
	color: #e8e8f0;
}
[data-theme="dark"] .login-form__input {
	background-color: #0b0e15;
	color: #e8e8f0;
	border-color: #1e2238;
}
[data-theme="dark"] .login-form__label {
	color: #a0a0b0;
}
[data-theme="dark"] .header--page {
	background-color: #0b0e15;
}
[data-theme="dark"] .header {
	color: #e0e0e8;
}
[data-theme="dark"] .panel {
	background-color: #14172e;
}
[data-theme="dark"] .main-nav ul li a {
	color: #c8c8d0;
}
[data-theme="dark"] .bottom-navigation {
	background-color: #1b6cfc;
}
[data-theme="dark"] .bottom-navigation--white {
	background-color: #14172e;
}
[data-theme="dark"] .user-profile {
	background-color: #0b0e15 !important;
}
[data-theme="dark"] .user-profile__name {
	color: #e8e8f0;
}
[data-theme="dark"] .popup {
	background-color: #14172e;
}
[data-theme="dark"] .popup__title {
	color: #e8e8f0;
}
[data-theme="dark"] .card {
	background-color: #14172e;
}
[data-theme="dark"] .card__title {
	color: #e8e8f0;
}
[data-theme="dark"] .comments li {
	background-color: #0b0e15;
}
[data-theme="dark"] .page__content {
	background-color: #0b0e15;
}
[data-theme="dark"] a {
	color: #639fff;
}
[data-theme="dark"] .header--gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
[data-theme="dark"] .header__icon--menu span {
	background: #e0e0e8;
}
[data-theme="dark"] .header__logo--text {
	color: #e0e0e8;
}
[data-theme="dark"] .header__logo--text a {
	color: #e0e0e8;
}
[data-theme="dark"] .header__title {
	color: #e0e0e8;
}

/* Theme toggle icon swap */
.theme-toggle { display: flex; align-items: center; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .icon-moon { display: block; }
.theme-toggle .icon-moon { display: block; }
.theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }