:root {
	/* Base Colors */
	--black: #000000;
	--white: #FFFFFF;
	--gray: #8C8C8C;
	--golden-grass: #D8A819;
	--midnight-blue: #001F61;

	/* Gray Gradients */
	--gray-5: #FBFBFB;
	--gray-10: #E6E6E6;
	--gray-20: #D9D9D9;
	--gray-30: #B3B3B3;
	--gray-40: #999999;
	--gray-50: #808080;
	--gray-60: #666666;
	--gray-70: #535353;
	--gray-80: #333333;
	--gray-90: #1A1A1A;

	/* Golden Grass Gradients */
	--golden-grass-5: #FBF6E7;
	--golden-grass-10: #F3E5B9;
	--golden-grass-20: #EBD38B;
	--golden-grass-30: #E3C25D;
	--golden-grass-40: #DBB02F;
	--golden-grass-50: #C29716;
	--golden-grass-60: #917212;
	--golden-grass-70: #6C540C;
	--golden-grass-80: #413307;
	--golden-grass-90: #161102;
	--golden-grass-transparent: rgba(194, 151, 22, 0.23);

	/* Midnight Blue Gradients */
	--midnight-blue-5: #E5E8EF;
	--midnight-blue-10: #B2BBCF;
	--midnight-blue-20: #7F8EAF;
	--midnight-blue-30: #4C6190;
	--midnight-blue-40: #193470;
	--midnight-blue-50: #001B57;
	--midnight-blue-60: #001544;
	--midnight-blue-70: #000F30;
	--midnight-blue-80: #00091D;
	--midnight-blue-90: #00030A;

	/* Elements */
	--font-color: #000000;
	--font-body: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
	--font-serif: 'Cardo', Georgia, Times, "Times New Roman", serif;
	--font-decorative: 'Allison', serif;

	--button-bg: #C29716; /* --golden-grass-50 */
	--button-bg-hover: #D8A819; /* --golden-grass */
	--button-font-color: #fff;

	/* Layout */
	--content-width: 1760px;
	--mid-width: 1160px;
	--header-width: 1050px;
	--large-breakpoint: 1240px;
	--mobile-breakpoint: 960px;

	/* Fluid text sizes */
	--fluid-h1: clamp(2.75rem, 0.5312rem + 6.875vw, 5.6875rem);
	--fluid-h1-label: clamp(3.375rem, 0.9375rem + 9.75vw, 8.25rem);
	--fluid-h2: clamp(1.875rem, 0.875rem + 4vw, 3.875rem);
	--fluid-h3: clamp(1.75rem, 1.125rem + 2.5vw, 2.6875rem);
	--fluid-h3-alt: clamp(1.75rem, 0.125rem + 2.5vw, 2.6875rem);
	--fluid-h2-wc: clamp(1.5rem, 0.125rem + 2.5vw, 1.875rem);
	--fluid-dc: clamp(1.875rem, 0.875rem + 4vw, 3.3125rem);

	/* Text sizes */
	--body-text: 1.25rem;
	--body-text-s: 1.125rem;
	--body-text-xs: 0.9375rem;
	--body-text-l: 1.5rem;
}
