:root {

	/* ========================================= */
	/* BRAND COLORS */
	/* ========================================= */

    --gold-1: #e1c68f;
    --gold-2: #d4b271;
    --gold-3: #c8a96a;
    --gold-4: #b9924d;


	/* Primary brand gold */
	--gold: #C8A96A;

	/* Hover states and icon accents */
	--gold-light: #D7B87B;

	/* Darker gold for gradients and emphasis */
	--gold-dark: #A88746;


	/* ========================================= */
	/* NAVY PALETTE */
	/* ========================================= */

	/* Main dark background */
	--navy-900: #071525;

	/* Hero overlay background */
	--navy-800: #0B1D34;

	/* Dark content sections */
	--navy-700: #102947;

	/* Hover and active dark states */
	--navy-600: #17375E;


	/* ========================================= */
	/* BACKGROUNDS */
	/* ========================================= */

	/* Primary light section background */
	--bg-light: #F8F8F7;

	/* Alternate light section background */
	--bg-light-alt: #F2F2F0;

	/* Card background */
	--bg-card: #FFFFFF;


	/* ========================================= */
	/* TEXT */
	/* ========================================= */

	/* Primary text color */
	--text-primary: #1F2937;

	/* Secondary text color */
	--text-secondary: #4B5563;

	/* Muted text color */
	--text-muted: #6B7280;

	/* Text on dark backgrounds */
	--text-white: #FFFFFF;

	/* Secondary text on dark backgrounds */
	--text-light: rgba(255,255,255,.75);


	/* ========================================= */
	/* BORDERS */
	/* ========================================= */

	/* Light border color */
	--border-light: #E5E7EB;

	/* Medium border color */
	--border-medium: #D1D5DB;


	/* ========================================= */
	/* SHADOWS */
	/* ========================================= */

	--shadow-sm:
		0 2px 8px rgba(0,0,0,.05);

	--shadow-md:
		0 10px 25px rgba(0,0,0,.08);

	--shadow-lg:
		0 20px 50px rgba(0,0,0,.12);


	/* ========================================= */
	/* GRADIENTS */
	/* ========================================= */

	--navy-gradient:
		linear-gradient(
			135deg,
			#071525 0%,
			#0D213D 100%
		);

	--gold-gradient:
		linear-gradient(
			135deg,
			#A88746 0%,
			#D7B87B 100%
		);


	/* ========================================= */
	/* LAYOUT WIDTHS */
	/* ========================================= */

	/* Main content container */
	--container-width: 1280px;

	/* Wider hero container */
	--hero-width: 1440px;

	/* Ultra-wide desktop layouts */
	--wide-width: 1600px;


	/* ========================================= */
	/* SPACING SCALE */
	/* ========================================= */

	--space-xs: .5rem;
	--space-sm: 1rem;
	--space-md: 2rem;
	--space-lg: 4rem;
	--space-xl: 6rem;
	--space-xxl: 8rem;


	/* ========================================= */
	/* BORDER RADIUS */
	/* ========================================= */

	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 20px;


	/* ========================================= */
	/* TRANSITIONS */
	/* ========================================= */

	--transition:
		all .25s ease;

	/* ========================================= */
	/* TYPOGRAPHY */
	/* ========================================= */

	--font-heading: "Cormorant Garamond", serif;
	--font-body: "Inter", sans-serif;

	--text-xs: .875rem;
	--text-sm: 1rem;
	--text-md: 1.125rem;
	--text-lg: 1.25rem;
	--text-xl: 1.5rem;

	--heading-h1: clamp(4rem, 6vw, 7rem);
	--heading-h2: clamp(2.5rem, 4vw, 4rem);
	--heading-h3: clamp(1.75rem, 2vw, 2.5rem);

	/* ========================================= */
	/* Z-INDEX */
	/* ========================================= */

	--z-navbar: 1000;
	--z-overlay: 900;
	--z-modal: 2000;

}