/* Fluidité du défilement */
html {
    scroll-behavior: smooth;
}

body { 
    font-family: 'Inter', sans-serif; 
    color: #333; 
    line-height: 1.6;
}

.mono { font-family: 'Roboto Mono', monospace; }

/* Correction du décalage de l'ancre dû à la navbar fixe */
section[id] {
    scroll-margin-top: 90px;
}

/* Styles de la Navbar */
.navbar {
    border-bottom: 1px solid #eee;
}

/* Section Hero */
.hero { 
    background: linear-gradient(135deg, #121212 0%, #2c3e50 100%); 
    color: white; 
    padding: 120px 0; 
}

.accent-color { color: #0d6efd; }

/* Cartes de fonctionnalités */
.card-feature { 
    border: 1px solid #eee; 
    transition: all 0.3s ease; 
    background: #ffffff; 
    border-radius: 12px;
}
.card-feature:hover { 
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-color: #0d6efd;
}

/* Tableau technique */
.table-tech { 
    font-size: 0.95rem; 
}

.table-tech thead {
    background-color: #212529;
    color: white;
}

/* Aligne automatiquement la première colonne du tableau avec l'en-tête */
.table-tech th:first-child, 
.table-tech td:first-child {
    padding-left: 1.5rem !important; /* Équivalent au ps-4 de Bootstrap */
}

/* Formulaire */
.form-container {
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}

.btn-primary { 
    padding: 12px 30px; 
    font-weight: 600; 
    border-radius: 8px;
}

footer { 
    background: #f9f9f9; 
    padding: 50px 0; 
    border-top: 1px solid #eee; 
}