:root {
	--font-family-hed: serif;
	--font-family-sans: var(--hiq-base-font-family);
	--font-family-serif: serif;

	--brand-logo-width-min: 150px;
	--brand-logo-width-max: 240px;

	--brand-color-blue: #20afcc;
	--brand-color-blue-darker: #1c8da3;
	--brand-color-blue-darkest: #294f57;

	--brand-color-orange: #db845c;
	--brand-color-orange-darker: #9b5416;
	--brand-color-orange-darkest: #a3250b;
	--brand-color-orange-light: #efaf92;
	--brand-color-orange-light-lighter: #fff5f2;
	--brand-color-orange-light-darker: #e29673;
	--brand-color-orange-light-muted: #efd2c4;

	--color-primary: var(--brand-color-blue);
	--color-secondary: var(--brand-color-orange);
	--color-secondary-darker: var(--brand-color-orange-darker);
	--color-light-lighter: var(--brand-color-orange-light-lighter);
	--color-light: var(--brand-color-orange-light);
	--color-light-darker: var(--brand-color-orange-light-darker);
	--color-light-darkest: var(--brand-color-orange-darkest);
	--color-light-muted: var(--brand-color-orange-light-muted);

	--hiq-color-primary: var(--brand-color-blue);
	--hiq-color-warning: red;
	--hiq-color-warning-light: pink;
	--hiq-link-color: var(--brand-color-blue);
	--hiq-link-hover-color: var(--brand-color-blue-darker);
	--hiq-body-background-color: white;

	--hiq-button-border-color: var(--hiq-link-hover-color);
	--hiq-button-background-color: var(--hiq-link-color);
	--hiq-button-text-color: white;
	--hiq-button-hover-border-color: var(--hiq-link-hover-color);
	--hiq-button-hover-background-color: var(--hiq-link-hover-color);
	--hiq-button-hover-text-color: white;
}