body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

.card {
    background-color: #ffffff; /* Fond blanc pour les cartes */
    border-radius: 0.75rem; /* Coins plus arrondis */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); /* Ombre légère comme dans l'image */
    transition: transform 0.2s ease-in-out; /* Effet de transition au survol (optionnel) */
}

/* Optionnel: Effet de survol */
.card:hover {
    transform: translateY(-5px); /* Remonte un peu la carte au survol */
}

.card-body {
    padding: 1.5rem; /* Augmente le padding interne */
}

.rounded-circle {
    /* Assurez-vous que l'image de profil est bien ronde */
    object-fit: cover; /* S'assure que l'image ne se déforme pas */
}

.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #34495e; /* Couleur de texte plus foncée */
}

.card-subtitle {
    color: #7f8c8d !important; /* Couleur du texte "Software Developer" */
}

.text-warning {
    color: #f39c12 !important; /* Couleur des étoiles */
}

/* Style pour le texte du testimonial */
.card-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #555; /* Couleur du texte du testimonial */
}

/* Espacement entre les lignes de cartes (si nécessaire, Bootstrap gère déjà pas mal avec g-4) */
.row.g-4 > div {
    margin-bottom: 0; /* Bootstrap gère déjà le gap */
}

/* Pour la bande de couleur en haut, comme dans l'image */
/* Vous pouvez l'ajouter en haut de la page ou en tant qu'élément décoratif */
.top-bar {
    background-color: #26a69a; /* Couleur turquoise/vert comme dans l'image */
    height: 20px; /* Hauteur de la bande */
    width: 100%;
    margin-bottom: 2rem; /* Espace sous la bande */
}