:root {
    /* Main colors */
    --primary-color: #e90032; /* Légèrement ajusté pour meilleur contraste */
    --secondary-color: #454545; /* Gris foncé au lieu de noir */
    --accent-color: #E63946; /* Conservé */
    --text-color: #333333; /* Texte foncé */
    --text-secondary: #6c757d; /* Gris moyen pour texte secondaire */
    --dark-bg: #FFFFFF; /* Fond blanc */
    --darker-bg: #F8F9FA; /* Gris très clair */
    --card-bg: #FFFFFF; /* Cartes blanches */
    --card-bg-hover: #F0F0F0; /* Légèrement gris au survol */
    --border-color: #DEE2E6; /* Bordures gris clair */
    --success-color: #28a745; /* Vert ajusté */
    --warning-color: #ffc107; /* Ambre ajusté */
    --danger-color: #dc3545; /* Rouge ajusté */
    
    /* Gradients & Effects */
    --gradient-gold: linear-gradient(135deg, #FF9800 0%, #F7B731 100%);
    --gradient-dark: linear-gradient(180deg, #FFFFFF 0%, #F8F9FA 100%);
    --gradient-accent: linear-gradient(135deg, #E63946 0%, #F2545B 100%);
    --gradient-overlay: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%);
    --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --box-shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.05);
    --gold-glow: 0 0 20px rgba(255, 152, 0, 0.3);
}

/* Fond du corps */
body {
    background-color: var(--dark-bg);
    color: var(--text-color);
}

body::before {
    background: radial-gradient(ellipse at top right, rgba(220, 220, 220, 0.4) 0%, transparent 50%);
}

/* Navigation */
.header.scrolled {
    background-color: rgba(248, 249, 250, 0.9);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.nav-menu li a {
    color: var(--text-color);
}

.mobile-menu {
    background-color: var(--darker-bg);
}

.top-info {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.95);
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    margin: 0;
    z-index: 1002;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: transparent;
    padding: 15px 0;
    padding-top: 55px; /* Espace pour top-info */
}

.header.scrolled {
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 15px 0;
    padding-top: 55px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* Styles pour la page démarches administratives */
.services-section {
    padding: 80px 0;
}


/* Hero section */
.hero-section {
    background-color: transparent!important;
    background: none!important;

}

.hero-overlay {
    background-color: transparent!important;
    background: none!important;
}

/* Search section */
.search-container {
    background-color: var(--card-bg);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.form-control {
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid var(--border-color);
    color: var(--text-color) !important;
}

.form-control:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--text-color) !important;
}

.form-control::placeholder {
    color: #a0a0a0;
}

/* Vehicle cards */
.vehicle-card {
    background-color: var(--card-bg);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.vehicle-card:hover {
    box-shadow: var(--box-shadow), var(--gold-glow);
}

.meta-item span {
    color: var(--text-secondary);
}

.vehicle-actions {
    border-top: 1px solid var(--border-color);
}

.vehicle-list-item {
    background-color: var(--card-bg);
}

/* Features section */
.features-section {
    background-color: var(--darker-bg);
}

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

/* Testimonials */
.testimonials-section {
    background-color: var(--darker-bg);
}

.testimonial-text {
    color: var(--text-color);
}

.slider-arrow {
    background-color: var(--card-bg);
    color: var(--text-color);
}

/* Footer */
.footer {
    background-color: var(--darker-bg);
    color: var(--text-secondary);
}

.widget-title {
    color: var(--text-color);
}

.footer-links li a {
    color: var(--text-secondary);
}

.footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* Formulaires et sélecteurs */
.search-select,
.sort-select {
    color: var(--text-color) !important;
    background-color: rgba(248, 249, 250, 0.7) !important;
    border: 1px solid var(--border-color);
}

.search-select option,
.sort-select option {
    background-color: var(--card-bg);
    color: var(--text-color) !important;
}

.search-form .form-control,
.vehicles-sort select {
    color: var(--text-color) !important;
    background-color: rgba(248, 249, 250, 0.7) !important;
}

/* Tabs et contenus */
.detail-tabs {
    background-color: var(--card-bg);
}

.tabs-nav {
    border-bottom: 1px solid var(--border-color);
}

.spec-item {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Widgets */
.sidebar-widget {
    background-color: var(--card-bg);
}

.widget-title {
    background-color: rgba(0, 0, 0, 0.03);
}

.details-list li {
    border-bottom: 1px solid var(--border-color);
}

/* Alertes */
.alert-info {
    background-color: rgba(255, 152, 0, 0.1);
}

/* Pagination */
.pagination ul li a {
    background-color: var(--card-bg);
    color: var(--text-color);
}

/* Mise à jour des ombres pour meilleure visibilité en mode clair */
.box-shadow {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.box-shadow-sm {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}