:root {

	--font-family__body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family__input: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

	--font-size__h1: 2rem;
	--font-size__h2: 1.4rem;
	--font-size__h3: 1rem;
	--font-size__body: .8rem;

	--border-radius__m: .25rem;

	--color__border: #ccc;
	--color__shadow: rgba(0, 0, 0, .25);

	--color__body--bg: #fff;
	--color__body--fg: #333;

	--color__button--bg: #8686ab;
	--color__button--fg: #fff;

	--color__input--bg: #fff;
	--color__input--fg: #333;

	--color__bad: #9d3c3c;
	--color__warn: #c19033;
	--color__good: #639d3c;

	--color__select: #3386c1;
	
	--space__s: .25rem;
	--space__m: .5rem;
	--space__l: 1rem;
}