:root {
 --flow-space: 2em;
 --text-space: 2em;
 --head-space: 4em;
 --text-chars: 60ch;
 --padded-space: 1.5em;
 --color-primary: #ff7d23;
 --border-width: 1px;
 /*--color-primary: #ee7f00;*/
 --color-dark: #000;
 --color-light: #fff;
 --color-error: red;
 --color-success: green;
 --color-bg: #555555;
 --color-bg--dark: #404040;
 /*--step--2: 0.75em;
 --step--1: 0.875em;
--step-0: 1em;
 --step-1: 1.125em;
 --step-2: 1.25em; 
 --step-3: 1.5em;
 --step-4: 1.75em;*/
}
@media screen and (min-width: 48em) {
	:root {
		--flow-space: 2.5em;
		--padded-space: 3em;
		--text-space: 4em;
		--head-space: 5em;
		--border-width: 2px;
	}
}
@media screen and (min-width: 60em) {
	:root {
		--padded-space: 3.5em;
		 --head-space: 6em;
		--text-space: 6em;
		--text-chars: 60ch;
	}
}
@media screen and (min-width: 80em) {
	:root {
		--text-chars: 55ch;
	}
}

/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,4,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
/*
:root {
  --step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
  --step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
  --step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
  --step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
  --step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
  --step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
  --step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
}
*/
:root {
 --step--1: 0.875em;
 --step-0: 1em; /* default */
 --step-1: 1.125em; /* detail page: body in article head, cta box, person contact, links in footer */
 --step-2: 1.25em; /* article list: headline, person: name & task, em, mobile navigation */
 --step-3: 1.75em; /* homepage: mission statement, detail page: h1 */
 --step-4: 2.5em; /* 58px Claim */
}
@media screen and (min-width: 48em) {
	:root {
		--step-4: 4em;
	}
}
@media screen and (min-width: 60em) {
	:root {
		--region-space: 3em;
		--step-1: 1.25em;
		--step-2: 1.5em;
		--step-3: 2.5em;
		--step-4: 5em;
	}
}