/* css/dark.css - Dark theme overrides */

/* ========== Base / Surfaces ========== */
body {
	background-color: #0f0f0f;
	color: #eee;
}

header,
footer {
	background-color: #111;
	color: #fff;
}

/* ========== Sections ========== */
.section {
	/* border-bottom: 1px solid #222; */
}

.section-title {
	color: #fff;
	border-bottom-color: #444;
}

/* ========== Items / Content ========== */
.item {
	background-color: #1a1a1a;
	box-shadow: 0 0 10px #0005;
}

.item-heading {
	color: #fff;
}

.item-text {
	color: #ccc;
}

/* ========== Theme Toggle ========== */
.theme-toggle {
	border-color: #444;
	background: #1a1a1a;
}

.theme-toggle::before {
	background: #fff;
	left: 4px; /* Moon position - toggle is on left for dark theme */
}

.theme-toggle .sun-icon {
	opacity: 0.3;
}

.theme-toggle .moon-icon {
	opacity: 1;
}

/* ========== Footer ========== */
.site-footer {
	background-color: #111;
	color: #fff;
	border-top-color: #222;
}

/* ========== Loading ========== */
.loading {
	color: #ccc;
}

.loading-logo-placeholder {
	border-color: #444;
	background: linear-gradient(90deg, #1a1a1a 25%, #333 50%, #1a1a1a 75%);
}

/* ========== Logo ========== */
/* .site-logo-circular {
	border-color: #2dc1e2;
} */

/* ========== Modals ========== */
.modal-overlay {
	background: rgba(0, 0, 0, 0.85);
}

.modal-dialog {
	background-color: #111;
	color: #fff;
	border-color: #222;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

/* ========== Cookie Notice ========== */
.cookie-notice {
	background-color: #111;
	color: #fff;
	border-top-color: #222;
}

/* ========== Social Links ========== */
.social-link[title='Contact'] {
	background-color: #000000;
	color: #ffffffff;
}