// =============================================================================
// themes/_dark.scss
// Dark mode – extra overrides beyond CSS custom properties.
// =============================================================================

[data-theme='dark'],
@media (prefers-color-scheme: dark) {
	// Bulma component overrides.
	.navbar {
		background-color: var(--navbar-bg);
		border-bottom: 1px solid var(--color-border);
	}

	.card {
		background-color: var(--color-surface);
		border-color: var(--color-border);
	}

	.notification.is-primary {
		background-color: rgba(0, 209, 178, 0.15);
		color: #00d1b2;
	}

	.input,
	.select select,
	.textarea {
		background-color: var(--color-surface);
		border-color: var(--color-border);
		color: var(--color-text);
	}

	.footer {
		background-color: var(--color-surface);
	}

	// Code blocks.
	pre,
	code {
		background-color: #0d1117;
		color: #e6edf3;
	}
}