@import '../../media-queries.css';

@import 'theme.css';
@import 'brand.css';
@import 'normalize.src.css';

@media (--OSdark) {
	:where(
			textarea,
			select,
			input:not([type='button'], [type='submit'], [type='reset'])
		) {
		background-color: hsl(210 11% 10%);
	}

	:where(dialog) {
		background-color: var(--surface-2);
	}

	:where(html) {
		--shadow-strength: 10%;
		--shadow-color: 220 40% 2%;
	}

	::placeholder {
		color: var(--color-6);
	}
}