button {
	font-family: var(--font-sans);
	font-size: var(--font-sm);
	padding: var(--space-1) var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	color: var(--color-text);
	cursor: pointer;
}

button:hover:not(:disabled) {
	background: var(--color-surface-hover);
	border-color: var(--color-border-strong);
}

button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

select,
input[type='text'],
input[type='date'] {
	font-family: var(--font-sans);
	font-size: var(--font-sm);
	padding: var(--space-1) var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
	color: var(--color-text);
}

select {
	width: 100%;
}

select:focus,
input:focus {
	outline: 2px solid var(--color-primary);
	outline-offset: -1px;
}

h1,
h2,
h3,
h4 {
	margin-top: 0;
	margin-bottom: 0;
}