/**
 * Custom styles for the Dam Tuinen theme.
 *
 * This is a child theme of Salient; the parent theme provides all templates
 * and base styling. Only project-specific custom CSS belongs here.
 */

:root {
	--webreact-orange: 245, 149, 6;
}

/* Brand-colour utilities (previously emitted by Tailwind via the safelist). */
.border {
	border-width: 1px;
}

.border-webreact__orange {
	--tw-border-opacity: 1;
	border-color: rgba(var(--webreact-orange), var(--tw-border-opacity));
}

.bg-webreact__orange {
	--tw-bg-opacity: 1;
	background-color: rgba(var(--webreact-orange), var(--tw-bg-opacity));
}

.text-webreact__orange {
	--tw-text-opacity: 1;
	color: rgba(var(--webreact-orange), var(--tw-text-opacity));
}

@font-face {
	font-family: 'Campton';
	src: url('fonts/Campton-Light.otf') format('opentype'),
		url('fonts/Campton-BoldDEMO.woff2') format('woff2'),
		url('fonts/Campton-BoldDEMO.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Campton';
	src: url('fonts/Campton-bold.otf') format('opentype'),
		url('fonts/Campton-LightDEMO.woff2') format('woff2'),
		url('fonts/Campton-LightDEMO.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

.button {
	padding: .5rem 1rem;
}