:root {
	/*  Font Family  */
	--font-body: 'poppins', 'Arial', sans-serif;
	--font-display: 'brumder-round', 'Tahoma', sans-serif;
	--font-cursive: 'future-shock', 'Brush Script MT', cursive;
	
	/*  Font Size  */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base-1: 0.9375rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-xl-1: 1.375rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-3xl-1: 2.25rem;
	--text-3xl-2: 2.375rem;
	--text-4xl: 2.5rem;
	--text-4xl-1: 2.75rem;
	--text-5xl: 3rem;
	--text-6xl: 4rem;
	--text-7xl: 4.375rem;
	--text-8xl: 5rem;
	--text-10xl: 6.25rem;
	
	/*  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-tighter: 1.1;
	--leading-tight: 1.25;
	--leading-snug: 1.4;
	--leading-normal: 1.5;
	--leading-relaxed: 1.625;
	--leading-loose: 2;
	

	/*  Colors  */
	--black: #000;
	--white: #fff;
	--grey: #cccccc;
	--dark-grey: #454545;
	--light-grey: #aaaaaa;

	--dark-blue: #0e113c;
	--mid-blue: #2a468a;
	--blue-hover: #476cc9;
	--dark-teal: #14676c;
	--teal: #198086;
	--light-teal: #1e959b;
	--teal-hover: #23aab1;
	--purple: #8a2c87;
	--dark-purple: #8a2c87;
	--purple-hover: #be42bb;
	--orange: #cb460d;
	--light-orange: #e86c42;
	--yellow: #e6a324;
	--gold-arrow: #e4a766;
	--gold: #e5c272;
	--light-gold: #f5d384;
	--gold-hover: #fce4ae;
	--weather-gold: #f5c04b;
	--tan: #e19e55;
	--light-tan: #f7f0e4;
	--dark-tan: #e29e55;
	
	--gray-hue: 215;
	--gray-100: var(--light-grey);
	--gray-200: var(--light-grey);
	--gray-300: var(--light-grey);
	--gray-400: var(--light-grey);
	--gray-500: var(--light-grey);
	--gray-600: var(--dark-grey);
	--gray-700: var(--dark-grey);
	--gray-800: var(--dark-grey);
	--gray-900: var(--dark-grey);
	
	--primary-color-hue: 210;
	--primary-color-100: var(--light-teal);
	--primary-color-200: var(--white);
	--primary-color-300: var(--light-teal);
	--primary-color-400: var(--mid-blue);
	--primary-color-500: var(--mid-blue);
	--primary-color-600: var(--mid-blue);
	--primary-color-700: var(--mid-blue);
	--primary-color-800: var(--dark-blue);
	--primary-color-900: var(--dark-blue);
	
	--secondary-color-hue: 29;
	--secondary-color-100: var(--purple);
	--secondary-color-200: var(--purple);
	--secondary-color-300: var(--purple);
	--secondary-color-400: var(--purple);
	--secondary-color-500: var(--dark-purple);
	--secondary-color-600: var(--dark-purple);
	--secondary-color-700: var(--dark-purple);
	--secondary-color-800: var(--dark-purple);
	--secondary-color-900: var(--dark-purple);

	--tertiary-color-hue: 0;
	--tertiary-color-100: var(--gold);
	--tertiary-color-200: var(--gold);
	--tertiary-color-300: var(--gold);
	--tertiary-color-400: var(--gold);
	--tertiary-color-500: var(--tan);
	--tertiary-color-600: var(--tan);
	--tertiary-color-700: var(--tan);
	--tertiary-color-800: var(--tan);
	--tertiary-color-900: var(--tan);
	
	/*  Widths  */
	--width-compact: calc(var(--width-comfortable) * (2/3));
	--width-comfortable: 72ch;
	--width-double: calc(var(--width-comfortable) * 2);
	--width-base: 940px;
	--width-feature: 1440px;
	--width-fullscreen: 100vw;
	
	/*  Space  */
	--space-px: 1px;
	--space-1: 4px;
	--space-2: 8px;
	--space-2-10: 10px;
	--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-1: .9375rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-xl-1: 1.375rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-3xl-1: 2.25rem;
	--text-3xl-2: 2.375rem;
	--text-4xl: 2.5rem;
	--text-4xl-1: 2.75rem;
	--text-5xl: 3rem;
	--text-6xl: 4rem;
	--text-7xl: 4.375rem;
	--text-8xl: 5rem;
	--text-10xl: 6.25rem;
	
	/*  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-tighter: 1.1;
	--leading-tight: 1.25;
	--leading-snug: 1.4;
	--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);
	--shadow-listings: 0px 3px 7px rgba(0, 0, 0, 0.16);

	/* 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.3s ease;
  }