:root {
	/* Base */
	--base-font-size: 16px;
	--base-line-height: 1.3;
	--base-text-color: #222;

	--body-bg-color: #fff;


	/* Branding */
	--brand-primary: ;
	--brand-secondary: ;
	--brand-tertiary: ;

	--brand-primary-muted: ;
	--brand-secondary-muted: ;
	--brand-tertiary-muted: ;


	/* Text */
	--text-muted: #666;


	/* Typography */
	--font-size-xs: .625em;
	--font-size-sm: .875em;
	--font-size-md: 1.125em;
	--font-size-lg: 1.375em;
	--font-size-xl: 1.875em;

	--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-family-secondary: Georgia, serif;


	/* Structure */
	--spacing:    1rem;
	--spacing-xs: .375rem;
	--spacing-sm: .75rem;
	--spacing-md: 1.5rem;
	--spacing-lg: 2rem;
	--spacing-xl: 3rem;

	--wrapper-width: 75rem;
	--wrapper-width-lg: 85rem;
	--wrapper-spacing: var(--spacing);
	--wrapper-spacing-total: calc(var(--wrapper-spacing) * 2);


	/* Headings */
	--heading-font-family: inherit;
	--heading-font-weight: 700;
	--heading-line-height: 1.2;

	--title-font-family: var(--heading-font-family);
	--title-font-weight: var(--heading-font-weight);
	--title-line-height: 1.1;

	--h1-font-size: 2.375em;
	--h2-font-size: 1.875em;
	--h3-font-size: 1.625em;
	--h4-font-size: 1.375em;
	--h5-font-size: 1.125em;


	/* Links */
	--link-text-color: var(--brand-primary);
	--link-hover-text-color: #000;
	--link-text-decoration: underline;
	--link-hover-text-decoration: none;

	--menu-link-text-decoration: none;
	--menu-link-hover-text-decoration: none;
	--menu-link-padding-h: .625rem;
	--menu-link-padding-v: 1rem;


	/* Form inputs */
	--input-bg-color: #fff;
	--input-font-size: 1rem;
	--input-font-family: inherit;
	--input-padding: .625em .825em;
	--input-border-radius: .125em;
	--input-border-width: 1px;
	--input-text-color: #222;
	--input-border-color: #aaa;
	--input-border-style: solid;
	--input-box-shadow: none;

	--input-hover-bg-color: var(--input-bg-color);
	--input-hover-border-color: #888;
	--input-hover-text-color: #111;
	--input-hover-box-shadow: none;

	--input-focus-bg-color: var(--input-hover-bg-color);
	--input-focus-border-color: #000;
	--input-focus-text-color: #000;
	--input-focus-box-shadow: none;

	--input-disabled-bg-color: #eee;
	--input-disabled-border-color: #888;
	--input-disabled-text-color: #666;

	--textarea-padding: .825em;
	--textarea-min-height: 3em;


	/* Form labels */
	--label-font-weight: 600;
	--label-font-family: inherit;


	/* Buttons */
	--button-bg-color: #eee;
	--button-font-size: var(--input-font-size);
	--button-font-family: inherit;
	--button-font-weight: 600;
	--button-text-color: initial;
	--button-line-height: 1.3125;
	--button-padding: .625em 1em;
	--button-border-radius: var(--input-border-radius);
	--button-border-width: initial;
	--button-border-color: initial;
	--button-border-style: initial;
	--button-box-shadow: none;

	--button-primary-bg-color: var(--brand-primary);
	--button-primary-text-color: #fff;

	--button-primary-hover-bg-color: var(--button-primary-bg-color);
	--button-primary-hover-text-color: var(--button-primary-text-color);

	--button-primary-focus-bg-color: var(--button-primary-bg-color);
	--button-primary-focus-text-color: var(--button-primary-text-color);

	--button-secondary-bg-color: var(--brand-secondary);
	--button-secondary-text-color: #fff;

	--button-secondary-hover-bg-color: var(--button-secondary-bg-color);
	--button-secondary-hover-text-color: var(--button-secondary-text-color);

	--button-secondary-focus-bg-color: var(--button-secondary-bg-color);
	--button-secondary-focus-text-color: var(--button-secondary-text-color);

	--button-tertiary-bg-color: var(--brand-tertiary);
	--button-tertiary-text-color: #fff;

	--button-tertiary-hover-bg-color: var(--button-tertiary-bg-color);
	--button-tertiary-hover-text-color: var(--button-tertiary-text-color);

	--button-tertiary-focus-bg-color: var(--button-tertiary-bg-color);
	--button-tertiary-focus-text-color: var(--button-tertiary-text-color);


	/* Border radiuses */
	--border-radius:    .5em;
	--border-radius-xs: .125em;
	--border-radius-sm: .25em;
	--border-radius-md: .75em;
	--border-radius-lg: 1em;
	--border-radius-xl: 2em;


	/* Shadows */
	--box-shadow:     rgba(50,50,93,.25) 0px 2rem 3rem -1rem, rgba(0,0,0,.2) 0px 1rem 2rem -1rem;
	--box-shadow-dk:  rgba(50,50,93,.35) 0px 2rem 3rem -1rem, rgba(0,0,0,.3) 0px 1rem 2rem -1rem;
	--box-shadow-lt:  rgba(50,50,93,.12) 0px 1.25rem 2rem -.75rem, rgba(0,0,0,.08) 0px .75rem 1.5rem -.75rem;
	--box-shadow-lts: rgba(50,50,93,.1) 0px 1.125rem 1.75rem -.75rem, rgba(0,0,0,.06) 0px .75rem 1.25rem -.75rem;


	/* Animation easings */
	--ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
	--ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
	--ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
	--ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
	--ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
	--ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
	--ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
	--ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
	--ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
	--ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
	--ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
	--ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
	--ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
	--ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
	--ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
	--ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
	--ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
	--ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
	--ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
	--ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
	--ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
	--ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
	--ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
	--ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);
}