:root {
	--primary: #8da693;
	--secondary: #d8ad7f;
	--accent: #3b779c;
	--text: #172538;
	--background: #f9fafb;
}
body { background-color: var(--background); color: var(--text); font-family: 'Archivo', sans-serif; }
.bg-primary { background-color: var(--primary); }		
.bg-secondary { background-color: var(--secondary); }		
.bg-accent { background-color: var(--accent); }		
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-accent { color: var(--accent); }

/* Loading animation */
.loading {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 3px solid rgba(255,255,255,.3);
	border-radius: 50%;
	border-top-color: #fff;
	animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* Select2 custom styling */
.select2-container--classic .select2-selection--single {
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0.5rem !important;
	height: 42px !important;
}
.select2-container--classic .select2-selection__rendered {
	color: white !important;
	padding-left: 12px !important;
	padding-top: 8px !important;
}
.select2-container--classic .select2-selection__placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}
.select2-container--classic .select2-selection__arrow {
	top: 8px !important;
	right: 8px !important;
	background: transparent !important;
}
.select2-container--classic .select2-selection__arrow b {
	border-top-color: white !important;
}
.select2-container--classic .select2-selection__arrow {
	border-left: none !important;
}
.select2-dropdown {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0.5rem !important;
}
.select2-container--classic .select2-results__option {
	color: #333 !important;
}
.select2-container--classic .select2-results__option--highlighted {
	background: #a8c5e0 !important;
}

/* Remove focus outlines */
.select2-container--classic .select2-selection--single:focus,
#search-input:focus {
	outline: none !important;
	box-shadow: none !important;
}

.save-favorite {
	color: white;
	line-height:40px;
	width:40px;
	text-align:center;
	border-radius:20px;
	font-size: 24px;
	transform: scale(1);
	transition: transform 0.5s ease;
}

.save-favorite:hover {
	transform: scale(1.2);
}

.section-header {
	font-family: 'Playfair Display';
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}

.header-font {
	font-family: 'Playfair Display';
}