/* ===================================================================
   🎨 PALETTE MARRON CHOCOLAT - REMPLACEMENT GLOBAL DES COULEURS TROPICALES
   ================================================================
   Date : 20 Mars 2026
   Version : 10.0 - Suppression complète des couleurs tropicales
   
   🚫 COULEURS SUPPRIMÉES (tropical) :
   - #00C9A7 (vert turquoise)
   - #00A389 (vert foncé)
   - #0084FF (bleu tropical)
   - #FFB6B9 (rose tropical)
   - #FFA500 (orange)
   
   ✅ NOUVELLE PALETTE (épurée) :
   - #5D4E37 (marron chocolat)
   - #FFFEF9 (blanc cassé)
   - #F5F0E8 (beige doux)
   - #8B7D6B (taupe élégant)
   - #C9A961 (caramel)
   - #1a1a1a (noir élégant)
=================================================================== */

/* ============================================
   FORÇAGE GLOBAL - SUPPRESSION DU TROPICAL
   ============================================ */

/* Remplacer TOUS les verts tropicaux par marron chocolat */
*[style*="#00C9A7"],
*[style*="#00A389"],
*[style*="rgb(0, 201, 167)"] {
    color: #5D4E37 !important;
    border-color: #5D4E37 !important;
}

/* Remplacer les bleus tropicaux par taupe */
*[style*="#0084FF"],
*[style*="rgb(0, 132, 255)"] {
    color: #8B7D6B !important;
    border-color: #8B7D6B !important;
}

/* Remplacer les dégradés tropicaux */
*[style*="linear-gradient"][style*="#00C9A7"],
*[style*="linear-gradient"][style*="#0084FF"] {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
}

/* ============================================
   BLOG - PALETTE PROPRE
   ============================================ */

/* Liens du blog */
.blog-content a,
.article-content a,
.nav-link {
    color: #5D4E37 !important;
}

.blog-content a:hover,
.article-content a:hover {
    color: #C9A961 !important;
}

/* Catégories et tags */
.article-category,
.blog-tag,
.category-badge {
    background: rgba(93, 78, 55, 0.1) !important;
    color: #5D4E37 !important;
    border: 1px solid #C9A961 !important;
}

/* Éléments surlignés */
.highlight-box,
.highlight,
.info-box {
    background: rgba(245, 240, 232, 0.6) !important;
    border-left: 4px solid #C9A961 !important;
    color: #5D4E37 !important;
}

/* Citations */
.quote-box,
blockquote {
    background: rgba(255, 254, 249, 0.95) !important;
    border-left: 5px solid #8B7D6B !important;
    color: #5D4E37 !important;
}

/* Boutons du blog */
.blog-cta,
.read-more,
.btn-blog {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    color: #FFFEF9 !important;
    border: none !important;
}

.blog-cta:hover,
.read-more:hover {
    background: linear-gradient(135deg, #C9A961 0%, #5D4E37 100%) !important;
}

/* ============================================
   TYPOGRAPHIE - PALETTE PROPRE
   ============================================ */

/* Titres */
h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title {
    color: #5D4E37 !important;
}

/* Texte principal */
p, li, span {
    color: #1a1a1a !important;
}

/* Texte secondaire */
.subtitle,
.description,
.meta-info {
    color: #8B7D6B !important;
}

/* ============================================
   BOUTONS & CTA - PALETTE PROPRE
   ============================================ */

/* Boutons principaux */
.btn-primary,
.cta-button,
.btn-cta {
    background: linear-gradient(135deg, #5D4E37 0%, #C9A961 100%) !important;
    color: #FFFEF9 !important;
    border: none !important;
}

.btn-primary:hover,
.cta-button:hover {
    background: linear-gradient(135deg, #C9A961 0%, #8B7D6B 100%) !important;
    transform: translateY(-2px) !important;
}

/* Boutons secondaires */
.btn-secondary,
.btn-outline {
    background: transparent !important;
    border: 2px solid #5D4E37 !important;
    color: #5D4E37 !important;
}

.btn-secondary:hover,
.btn-outline:hover {
    background: #5D4E37 !important;
    color: #FFFEF9 !important;
}

/* ============================================
   CARTES & SECTIONS - PALETTE PROPRE
   ============================================ */

/* Cartes */
.card,
.pricing-card,
.testimonial-card {
    background: rgba(255, 254, 249, 0.95) !important;
    border: 1px solid rgba(93, 78, 55, 0.1) !important;
    box-shadow: 0 4px 12px rgba(93, 78, 55, 0.1) !important;
}

.card:hover,
.pricing-card:hover {
    border-color: #C9A961 !important;
    box-shadow: 0 6px 20px rgba(93, 78, 55, 0.2) !important;
}

/* Sections avec fond */
.section-dark {
    background: #5D4E37 !important;
    color: #FFFEF9 !important;
}

.section-light {
    background: #F5F0E8 !important;
    color: #1a1a1a !important;
}

/* ============================================
   FORMULAIRES - PALETTE PROPRE
   ============================================ */

/* Champs de formulaire */
input,
textarea,
select {
    border: 2px solid #F5F0E8 !important;
    color: #1a1a1a !important;
    background: #FFFEF9 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #C9A961 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.1) !important;
}

/* Labels */
label {
    color: #5D4E37 !important;
    font-weight: 600 !important;
}

/* ============================================
   FOOTER - PALETTE PROPRE
   ============================================ */

footer,
.footer {
    background: #5D4E37 !important;
    color: #FFFEF9 !important;
}

footer a,
.footer a {
    color: #F5F0E8 !important;
}

footer a:hover,
.footer a:hover {
    color: #C9A961 !important;
}

/* ============================================
   ICÔNES & BADGES - PALETTE PROPRE
   ============================================ */

/* Icônes */
.icon,
.feature-icon {
    color: #C9A961 !important;
}

/* Badges */
.badge,
.label {
    background: #C9A961 !important;
    color: #FFFEF9 !important;
}

.badge-outline {
    background: transparent !important;
    border: 2px solid #C9A961 !important;
    color: #C9A961 !important;
}

/* ============================================
   DIVIDERS & BORDERS - PALETTE PROPRE
   ============================================ */

hr,
.divider {
    border-color: rgba(93, 78, 55, 0.2) !important;
}

.border-accent {
    border-color: #C9A961 !important;
}