/* Opt-in dark mode. Follows OS preference by default; overridden by the
   [data-bip-theme] attribute set from localStorage via dark-mode.js. */

@media (prefers-color-scheme: dark) {
	body:not([data-bip-theme="light"]) {
		background-color: #0D0D0D;
		color: #F1F1F1;
	}
	body:not([data-bip-theme="light"]) .bip-card,
	body:not([data-bip-theme="light"]) .bip-toc,
	body:not([data-bip-theme="light"]) .bip-author-box {
		background: #171717;
		border-color: #2a2a2a;
		color: #F1F1F1;
	}
	body:not([data-bip-theme="light"]) .bip-spec-table th,
	body:not([data-bip-theme="light"]) .bip-spec-table td {
		border-color: #2a2a2a;
	}
}

body[data-bip-theme="dark"] {
	background-color: #0D0D0D;
	color: #F1F1F1;
}

body[data-bip-theme="dark"] .bip-card,
body[data-bip-theme="dark"] .bip-toc,
body[data-bip-theme="dark"] .bip-author-box {
	background: #171717;
	border-color: #2a2a2a;
	color: #F1F1F1;
}

.bip-dark-mode-toggle {
	background: none;
	border: none;
	color: inherit;
	cursor: pointer;
	font-size: 1rem;
}