::selection,
::target-text {
	background: #ceff1a;
	color: #000;
}

html {
	accent-color: #ceff1a;
}

body {
	background-color: #18181b;
}

pre,
textarea[readonly] {
	background: #111;
}

h1,
h2,
h3,
h4,
a,
strong {
	color: #fff;
	font-weight: 400;
}

label,
button,
input:is([type=checkbox], [type=file], [type=radio]) {
	cursor: pointer;
}

a {
	text-decoration-color: #aaa;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

a:is(:focus, :hover, :active) {
	text-decoration: none;
}

.btn-primary {
	background-color: #ceff1a;
	color: #000;
}

.btn-primary:is(:focus, :hover, :active) {
	background-color: hsl(from #ceff1a h s calc(l - 7));
}

.btn-secondary {
	background-color: #333;
	color: #fff;
}

.btn-secondary:is(:focus, :hover, :active) {
	background-color: hsl(from #111 h s calc(l + 11));
}

.issue-error {
	color: #fca5a5;
}

.issue-warning {
	color: #fde68a;
}