:root {
	--primary: #ffc600;
	--primary-text: #000;

	--danger: #a10000;
	--danger-bg: #fff;

	font-family: Cabin, sans-serif;
}
body {
	font-family: Cabin, sans-serif;
}
.sl-button {
	padding: .5rem 1rem;
    border-radius: 1rem;
    margin-block: .5rem;
    width: fit-content;
	border: 0;
	background: var(--primary);
	color: var(--primary-text);
	font-family: Cabin, sans-serif;
	font-size: 1.25rem;

	&.danger-zone {
		border: 2px solid var(--danger);
		color: var(--danger);
		background: var(--danger-bg);
	}
}

input:not([type="button"]):not([type="submit"]),
select,
textarea {
    border: 2px solid var(--primary);
	border-radius: .5rem;
	padding: .5rem 1rem;
	font-family: Cabin, sans-serif;
	font-size: 1.25rem;
}

.preview-dialog {
	max-width: 90%;
	width: 60ch;
}