:root {
	/*  Font Family  */
	--font-body: "Montserrat", sans-serif;
	--font-display: "rosewood-std-fill", serif;
	--font-display-system: var(--font-display);
	--font-crimson: "Crimson Text", serif;
	--font-open: "Open Sans", sans-serif;
	
	/* these should only be used lowercase */
	--font-hoverage: "Hoverage", sans-serif;
	--font-hoverage-vintage: "Hoverage Vintage", sans-serif;

	/* Font Weights */
	/*
		thin (100)
			- Montserrat (can be italicized at this weight)

		extralight (200)
			- Montserrat (can be italicized at this weight)

		light (300)
			- Montserrat (can be italicized at this weight)

		normal (400)
			- rosewood-std-fill
			- Montserrat (can be italicized at this weight)
			- Crimson Text (can be italicized at this weight)
		
		medium (500)
			- Montserrat (can be italicized at this weight)

		semibold (600)
			- Montserrat (can be italicized at this weight)
			- Crimson Text (can be italicized at this weight)

		bold (700)
			- Montserrat (can be italicized at this weight)
			- Crimson Text (can be italicized at this weight)

		extrabold (800)
			- Montserrat (can be italicized at this weight)

		black (900)
			- Montserrat (can be italicized at this weight)
	*/

	--font-weight-thin: 100;
	--font-weight-extralight: 200;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--font-weight-black: 900;

	/* Font Awesome */
	/* only use these variables with font-family properties */
	--fa-6-family: "Font Awesome 6 Pro";
	--fa-6-sharp-family: "Font Awesome 6 Sharp";

	/*  Colors  */
	--black: #000;
	--white: #fff;
	--off-white: #F9F7F2;
	--off-white-alt: #F2EFEA;

	--gray: #67625F;
	--gray-light: #E0CFCA;
	--gray-lighter: #f2f2f2;

	--brown-dark: #26211D;
	--brown: #483b33;
	--brown-light: #884C30;
	--brown-lighter: #F1EAE0;

	--gold-dark: #BC7A2C;
	--gold-medium-dark: #9A7851;
	--gold: #BD9363;
	--gold-light: #ECB176;
	--gold-lighter: #FFE8C4;

	--green-dark: #5D6951;
	--green-light: #B1B894;
	--green-lighter: #E9EDDB;

	--teal: #377780;
	--teal-light: #4C9EA9;
	--teal-lighter: #A0C9CD;

	--red: #891D1B;

	/*  Governor's Conference Microsite Colors  */
	--gov-conference-brown: #473A32;

	/* Industry Theme Colors */
	--ind-gray-light: #F2EFEA;
	--ind-brown: #884C30;
	--ind-brown-dark: #473A32;
	
	--gray-hue: 215;
	--gray-100: hsl(var(--gray-hue), 45%, 98%);
	--gray-200: hsl(var(--gray-hue), 38%, 95%);
	--gray-300: hsl(var(--gray-hue), 32%, 91%);
	--gray-400: hsl(var(--gray-hue), 25%, 84%);
	--gray-500: hsl(var(--gray-hue), 20%, 69%);
	--gray-600: hsl(var(--gray-hue), 15%, 52%);
	--gray-700: hsl(var(--gray-hue), 17%, 35%);
	--gray-800: hsl(var(--gray-hue), 23%, 23%);
	--gray-900: hsl(var(--gray-hue), 26%, 14%);
	
	--primary-color-hue: 187;
	--primary-color-100: hsl(var(--primary-color-hue), 100%, 96%);
	--primary-color-200: hsl(var(--primary-color-hue), 81%, 86%);
	--primary-color-300: hsl(var(--primary-color-hue), 82%, 76%);
	--primary-color-400: hsl(var(--primary-color-hue), 79%, 66%);
	--primary-color-500: hsl(var(--primary-color-hue), 73%, 57%);
	--primary-color-600: hsl(var(--primary-color-hue), 62%, 50%);
	--primary-color-700: hsl(var(--primary-color-hue), 61%, 43%);
	--primary-color-800: hsl(var(--primary-color-hue), 49%, 34%);
	--primary-color-900: hsl(var(--primary-color-hue), 47%, 22%);
	
	--secondary-color-hue: 32;
	--secondary-color-100: hsl(var(--secondary-color-hue), 100%, 97%);
	--secondary-color-200: hsl(var(--secondary-color-hue), 96%, 89%);
	--secondary-color-300: hsl(var(--secondary-color-hue), 93%, 77%);
	--secondary-color-400: hsl(var(--secondary-color-hue), 90%, 65%);
	--secondary-color-500: hsl(var(--secondary-color-hue), 84%, 57%);
	--secondary-color-600: hsl(var(--secondary-color-hue), 75%, 50%);
	--secondary-color-700: hsl(var(--secondary-color-hue), 71%, 44%);
	--secondary-color-800: hsl(var(--secondary-color-hue), 65%, 37%);
	--secondary-color-900: hsl(var(--secondary-color-hue), 61%, 30%);

	--tertiary-color-hue: 23;
	--tertiary-color-100: hsl(var(--tertiary-color-hue), 93%, 94%);
	--tertiary-color-200: hsl(var(--tertiary-color-hue), 96%, 89%);
	--tertiary-color-300: hsl(var(--tertiary-color-hue), 94%, 82%);
	--tertiary-color-400: hsl(var(--tertiary-color-hue), 91%, 71%);
	--tertiary-color-500: hsl(var(--tertiary-color-hue), 84%, 60%);
	--tertiary-color-600: hsl(var(--tertiary-color-hue), 72%, 51%);
	--tertiary-color-700: hsl(var(--tertiary-color-hue), 74%, 42%);
	--tertiary-color-800: hsl(var(--tertiary-color-hue), 70%, 35%);
	--tertiary-color-900: hsl(var(--tertiary-color-hue), 63%, 31%);
	
	/*  Widths  */
	--width-compact: calc(var(--width-comfortable) * (2/3));
	--width-comfortable: 72ch;
	--width-double: calc(var(--width-comfortable) * 2);
	--width-base: 1040px;
	--width-feature: 1440px;
	--width-fullscreen: 100vw;
	
	/*  Space  */
	--space-px: 1px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;
	--space-24: 96px;
	--space-32: 128px;
	--space-40: 160px;
	--space-48: 192px;
	--space-56: 224px;
	--space-64: 256px;
	
	/*  Containers  */
	--container-single: calc(var(--width-comfortable) + var(--space-10));
	--container-double: calc(var(--width-double) + var(--space-24));
	
	/*  Font Size  */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--text-5xl: 3rem;
	--text-6xl: 4rem;
	
	/*  Letter Spacing  */
	--tracking-tighter: -0.05em;
	--tracking-tight: -0.025em;
	--tracking-normal: 0em;
	--tracking-wide: 0.025em;
	--tracking-wider: 0.05em;
	--tracking-widest: 0.1em;
	
	/*  Line Height  */
	--leading-none: 1;
	--leading-tight: 1.25;
	--leading-snug: 1.375;
	--leading-normal: 1.5;
	--leading-relaxed: 1.625;
	--leading-loose: 2;
	
	/*  Shadows  */
	--shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	--shadow-outline: 0 0 0 3px rgba(66, 153, 225, 0.5);

	/* Border Radii */
	--rounded-none: 0px;
	--rounded-sm: 0.125rem;
	--rounded-md: 0.375rem;
	--rounded-lg: 0.5rem;
	--rounded-xl: 0.75rem;
	--rounded-2xl: 1rem;
	--rounded-3xl: 1.5rem;
	--rounded-full: 9999px;
	--rounded-circle: 50%;

	/* Transitions */
	--transition-appendix: 0.4s ease;

	/* Scrollbar Size */
	--scrollbar-size: var(--space-2);
}