@font-face {
font-family: 'graebenbach_monoregular';
src: url('/site/assets/fonts/GraebenbachMono-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/* Kleischh LL subset regular */

@font-face {
	font-family: "KleischLLSub-Regular";
	src: url("/site/assets/fonts/KleischLLSub-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "KleischLLSub-Regular";
	src: url("/site/assets/fonts/KleischLLSub-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

:root {
	--theme-light-color-background: #ffffff;
	--theme-light-color-text: #000000;
	--theme-light-color-dot: #bdbfc6;
	--theme-light-color-dot-active: #222222;
	--theme-light-button-background: #efefef;
	--theme-light-button-text: #222222;
	--theme-light-button-active-background: #000000;
	--theme-light-button-active-text: #bdbec6;

	--theme-dark-color-background: #222222;
	--theme-dark-color-text: #bdbfc6;
	--theme-dark-color-dot: #bdbec6;
	--theme-dark-color-dot-active: #ffffff;
	--theme-dark-button-background: #000000;
	--theme-dark-button-text: #bdbec6;
	--theme-dark-button-active-background: #efefef;
	--theme-dark-button-active-text: #222222;
}


 .dot.color-black::after,
 .dot-link.link-color-black::after,
 .dot-link.switch-color-black:hover::after {
color: var(--color-black);
}

 .dot.color-grey::after,
 .dot-link.link-color-grey::after,
 .dot-link.switch-color-grey:hover::after {
color: var(--color-grey);
}

 .dot.color-grey-light::after,
 .dot-link.link-color-grey-light::after,
 .dot-link.switch-color-grey-light:hover::after {
color: var(--color-grey-light);
}

 .dot.color-white::after,
 .dot-link.link-color-white::after,
 .dot-link.switch-color-white:hover::after {
color: var(--color-white);
}

 .dot.color-black-or-white::after,
 .dot-link.link-color-black-or-white::after,
 .dot-link.switch-color-black-or-white:hover::after {
color: var(--color-black);
}

 [data-theme="black"] .dot.color-black-or-white::after,
 [data-theme="black"] .dot-link.link-color-black-or-white::after,
 [data-theme="black"] .dot-link.switch-color-black-or-white:hover::after,
 [data-theme="black"] .dot.color-black::after,
 [data-theme="black"] .dot-link.link-color-black::after,
 [data-theme="black"] .dot-link.hover-color-black:hover::after,
 [data-theme="black"] .dot-link.switch-color-black:hover::after {
color: var(--color-white);
}

 [data-theme="grey"] .dot.color-grey::after,
 [data-theme="grey"] .dot-link.link-color-grey::after,
 [data-theme="grey"] .dot-link.hover-color-grey:hover::after,
 [data-theme="grey"] .dot.color-dot-default::after,
 [data-theme="grey"] .dot-link.link-color-dot-default::after,
 [data-theme="grey"] .dot-link.hover-color-dot-default:hover::after {
color: var(--color-white);
}

 [data-theme="white"] .dot.color-grey::after,
 [data-theme="white"] .dot-link.link-color-grey::after,
 [data-theme="white"] .dot-link.hover-color-grey:hover::after,
 [data-theme="white"] .dot.color-dot-default::after,
 [data-theme="white"] .dot-link.link-color-dot-default::after,
 [data-theme="white"] .dot-link.hover-color-dot-default:hover::after {
color: var(--color-dot-default);
}