/**
 * TeeOff brand palette, based on teeoff.com.
 * Keep these values here so the local blog surface stays consistent with the
 * shared header and footer even when those CMS fragments change independently.
 */
:root {
	--teeoff-orange: #f06530;
	--teeoff-orange-dark: #d74710;
	--teeoff-ink: #222222;
	--teeoff-muted: #696969;
	--teeoff-surface: #f5f5f5;
	--teeoff-border: #dddddd;
}

body {
	color: var(--teeoff-ink);
}

a,
.color-blue-primary {
	color: var(--teeoff-orange);
}

a:hover,
a:focus {
	color: var(--teeoff-orange-dark);
}

.bg-gray-200,
.wp-caption {
	background-color: var(--teeoff-surface);
}

.text-link {
	color: var(--teeoff-orange);
}

button,
input[type='submit'],
input[type='button'],
.blue-primary,
.green-primary {
	background-color: var(--teeoff-orange);
	border-color: var(--teeoff-orange-dark);
	color: #ffffff;
}

button:hover,
button:focus,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='button']:hover,
input[type='button']:focus {
	background-color: var(--teeoff-orange-dark);
}