:root{
	--site-surface: var(--white);
	--site-text-color: var(--black);
	--site-text-font: var(--family-sans);

	--site-link-color: var(--brand-primary);
		--site-link-color_hover: var(--brand-secondary);
		--site-link-color_focus: var(--brand-secondary);
	--site-link-surface_focus: var(--highlight-100);
	--site-link-decor: underline;
	--site-link-decor-color: var(--brand-primary);
		--site-link-decor-color_hover: var(--brand-secondary);
	--site-link-decor-thickness: var(--thickness-heavy);

	--site-highlight-surface: var(--highlight-100);

	--site-rule: 1px dashed var(--brand-secondary);
	--site-content-rule: 2px solid var(--brand-secondary);
	--site-quote-rule: 1px solid var(--grey-light);

	--site-text_dim: var(--grey);
	--site-text_light: var(--grey-light);
	--site-text_fancy: var(--black);

	--site-inline-size: 100%;
	--site-max-inline-size: 1000px;

	--site-glass-surface: rgba(var(--grey-rgb), 80%);
	--site-gradient-surface: linear-gradient(var(--brand-primary), var(--brand-secondary));

	--site-neg-16: calc(var(--scale-016) * -1);
	--site-neg-24: calc(var(--scale-024) * -1);
	--site-neg-32: calc(var(--scale-032) * -1);

	/* alert */
	--site-alert-text: var(--highlight-500);
}