:root {
	--charcoal: #2F2B28;
	--olive: #6E7562;
	--ivory: #F5F1EA;
	--button-hover: #465248;
	
	--e-global-color-primary: var(--charcoal);
	--e-global-color-secondary: var(--olive);
	--e-global-color-text: var(--charcoal);
	--e-global-color-accent: var(--button-hover);
	
	--e-global-typography-primary-font-family: 'Cormorant Garamond', serif;
	--e-global-typography-secondary-font-family: 'Inter', sans-serif;
	--e-global-typography-text-font-family: 'Inter', sans-serif;
	--e-global-typography-accent-font-family: 'Inter', sans-serif;
}

body {
	background-color: var(--ivory);
	color: var(--charcoal);
	font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6, 
.elementor-heading-title, 
.elementor-widget-heading .elementor-heading-title {
	font-family: 'Cormorant Garamond', serif !important;
	color: var(--charcoal);
}

p, span, a, div, nav, li {
	font-family: 'Inter', sans-serif;
}

button, 
.elementor-button, 
.wp-block-button__link {
	font-family: 'Inter', sans-serif !important;
	background-color: var(--charcoal) !important;
	color: var(--ivory) !important;
	border: none;
	transition: background-color 0.3s ease;
}

button:hover, 
.elementor-button:hover, 
.wp-block-button__link:hover {
	background-color: var(--button-hover) !important;
}

.olive-bg {
	background-color: var(--olive);
}