:root {
	--ipc-color-corporate1-value: 139 26 26;
	--ipc-color-corporate2-value: 139 26 26;

	--ipc-color-neutral-black-value: 0 0 0; /* #000000 */
	--ipc-color-neutral-darkest-value: 49 47 46; /* #312F2E */
	--ipc-color-neutral-darker-value: 102 97 95; /* #66615F */
	--ipc-color-neutral-dark-value: 140 136 133; /* #8C8885 */
	--ipc-color-neutral-medium-value: 191 187 187; /* #BFBBBB */
	--ipc-color-neutral-light-value: 223 221 221; /* #DFDDDD */
	--ipc-color-neutral-lighter-value: 242 241 242; /* #F2F1F2 */
	--ipc-color-neutral-white-value: 255 255 255; /* #FFFFFF */

	--ipc-color-action-value: var(--ipc-color-corporate1-value);
	--ipc-color-action-light-value: 160 30 30;
	--ipc-color-action-dark-value: 118 22 22;

	--ipc-color-bg-header-value: var(--ipc-color-corporate1-value);
	--ipc-color-bg-content-value: 240 240 240;
	--ipc-color-bg-content-dark-value: 227 227 227;
	--ipc-color-bg-footer-value: 20 17 17;

	--ipc-color-hint-bg-value: var(--ipc-color-bg-content-dark-value);
	--ipc-color-hint-text-value: var(--ipc-color-neutral-black-value);
	--ipc-color-success-value: 159 196 1;
	--ipc-color-success-bg-value: 219 254 70;
	--ipc-color-success-text-value: var(--ipc-color-neutral-black-value);
	--ipc-color-warning-value: 242 157 30;
	--ipc-color-warning-bg-value: 249 210 151;
	--ipc-color-warning-text-value: 64 40 4;
	--ipc-color-error-value: 222 7 49;
	--ipc-color-error-bg-value: 250 106 134;
	--ipc-color-error-text-value: 24 1 5;

	--ipc-color-dialogBackdrop: rgb(var(--ipc-color-neutral-lighter-value) / .7);
	--ipc-color-bg-sliderFullWidth: #ddd1c7;


	/* text colors */

	--ipc-color-text-value: var(--ipc-color-neutral-darkest-value);

	--ipc-color-textH1-value: var(--ipc-color-neutral-black-value);
	--ipc-color-textH2-value: var(--ipc-color-neutral-black-value);
	--ipc-color-textH3-value: var(--ipc-color-neutral-black-value);

	--ipc-color-textFooter-value: var(--ipc-color-neutral-lighter-value);

	--ipc-color-text-corporate1-value: var(--ipc-color-corporate1-value);

	--ipc-color-linkMenuLevel1-value: var(--ipc-color-corporate1-value);
	--ipc-color-linkMenuLevel2-value: var(--ipc-color-text-value);
	--ipc-color-linkMenuLevel3-value: var(--ipc-color-text-value);
	--ipc-color-linkMenuLevel4-value: var(--ipc-color-text-value);


	/* fonts */

	--ipc-fontFamily-primary: 'kievit-book', sans-serif;
	--ipc-fontWeight-primary: 400;

	--ipc-fontFamily-secondary: 'kievit-book', sans-serif;
	--ipc-fontWeight-secondary: 400;

	--ipc-fontFamily-secondary-bold: 'kievit-bold', sans-serif;
	--ipc-fontWeight-secondary-bold: 400;


	/* font sizes */

	--ipc-fontSize-smaller: .875rem; /* 14px */
	--ipc-fontSize-small: 1rem; /* 16px */
	--ipc-fontSize-base: 1.125rem; /* 18px */
	--ipc-fontSize-large: 1.3125rem; /* 21px */
	--ipc-fontSize-larger: 1.5rem; /* 24px */
	--ipc-fontSize-largest: 1.875rem; /* 30px */
	--ipc-fontSize-xxl: 3.5rem; /* 56px */


	/* shop header */

	--ipc-shopHeaderPosition: relative;
	--ipc-shopHeaderHeight: 0px;


	/* misc */

	--ipc-maxPageWidth: 100em;
	--ipc-maxPageWidthRem: 100rem;

	--ipc-borderRadius-outer: 7px;
	--ipc-borderRadius-inner: 6px;
	--ipc-borderRadius-element: 4px;
}


/* webfonts */

@font-face {
	font-family: 'kievit-book';
	src: url('webfonts/kievit-book.woff2') format('woff2');
}

@font-face {
	font-family: 'kievit-bold';
	src: url('webfonts/kievit-bold.woff2') format('woff2');
}