:root {
	--primary-blue: #007bff;
	--primary-dark: #0056b3;
	--accent-pink: #f08498;
	--accent-teal: #72cad6;
	--accent-yellow: #e7d15f;
	--dark-gray: #1f2937;
	--text-gray: #4b5563;
	--light-bg: #f3f4f6;
	--white-glass: rgba(255, 255, 255, 0.75);
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.8;
	font-weight: 400;
	color: var(--text-gray);
	background-color: #fafafa;
}

/* --- UX/UI Classes --- */
.glass-panel {
	background: var(--white-glass);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	padding: 40px;
	transition: all 0.3s ease;
}

.glass-navbar {
	background: rgba(255, 255, 255, 0.85) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.premium-card {
	border-radius: 16px;
	border: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
	overflow: hidden;
}

.premium-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0, 123, 255, 0.1);
}

.premium-card .card-img-top {
	height: 200px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.premium-card:hover .card-img-top {
	transform: scale(1.05);
}

.btn-custom-primary {
	background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-dark) 100%);
	color: white;
	border: none;
	border-radius: 50px;
	padding: 10px 24px;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
	transition: all 0.3s ease;
}

.btn-custom-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);
	color: white;
}

/* Hero Section Gradient Background */
.hero-gradient {
	background: linear-gradient(135deg, #e3f2fd 0%, #fce4ec 100%);
	position: relative;
	overflow: hidden;
}

/* Accordion Styling */
.modern-accordion .card {
	border: none;
	border-radius: 12px !important;
	margin-bottom: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
	overflow: hidden;
}
.modern-accordion .card-header {
	background-color: #fff;
	border-bottom: none;
	padding: 0;
}
.modern-accordion .card-header button {
	color: var(--primary-dark);
	font-weight: 600;
	padding: 20px;
	text-decoration: none !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modern-accordion .card-header button:hover,
.modern-accordion .card-header button:focus {
	text-decoration: none;
	background-color: #f8fbff;
}

/* Custom separator */
.gradient-hr {
	border: none;
	height: 4px;
	border-radius: 2px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);
}

.nav-link.active {
	color: var(--primary-blue) !important;
	font-weight: 600;
}

/* --- Old Admin Styles (preserved) --- */
div .link{ background-color: #1d334a; }
.login{ background-color: #1d334a; text-align: center; margin-top: 100px; border-radius: 5px; }
.Logo{ width: 50%; }
.texte-color{ color: white; }
.btn-special{ background-color: white; color: black; transition: linear all 0.3s; }
.menu:hover{ color: #c19d35; }
.btn-special:hover{ background-color: black; color: white; }
a .lien{ text-decoration: none; color: white; }
.navadmin{ color: white; background-color: #1d334a; }
.navbar a{ color: inherit; }