/* ========================================
   RENOMATCH - PALETTE DE COULEURS
   ======================================== */

:root {
    /* Couleurs Principales */
    --renomatch-blue: #0066FF;          /* Bleu Électrique - Couleur dominante */
    --renomatch-green: #1a4d2e;         /* Vert Émeraude - Couleur secondaire */
    --renomatch-orange: #FF6B35;        /* Orange Vif - Accents et CTA */
    
    /* Couleurs Neutres */
    --renomatch-white: #FFFFFF;
    --renomatch-gray-light: #F8F9FA;
    --renomatch-gray-medium: #6C757D;
    --renomatch-gray-dark: #2C3E50;
    
    /* Couleurs de Statut */
    --renomatch-success: #28A745;
    --renomatch-warning: #FFC107;
    --renomatch-error: #DC3545;
    
    /* Dégradés */
    --renomatch-gradient-primary: linear-gradient(135deg, #0066FF 0%, #1a4d2e 100%);
    --renomatch-gradient-accent: linear-gradient(135deg, #FF6B35 0%, #FFC107 100%);
    
    /* Ombres */
    --renomatch-shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --renomatch-shadow-medium: 0 4px 12px rgba(0,0,0,0.15);
    --renomatch-shadow-strong: 0 8px 24px rgba(0,0,0,0.2);
    
    /* Coins Arrondis */
    --renomatch-radius-small: 8px;
    --renomatch-radius-medium: 12px;
    --renomatch-radius-large: 16px;
}

/* Remplacement des anciennes couleurs */
.site-header {
    background: var(--renomatch-white);
    box-shadow: var(--renomatch-shadow-light);
}

.hero-search {
    background: var(--renomatch-gradient-primary);
}

.hero-gratuit {
    color: var(--renomatch-orange) !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.btn-primary,
.btn-primary-large,
.btn-primary-small {
    background: var(--renomatch-orange);
    color: var(--renomatch-white);
    border: none;
}

.btn-primary:hover,
.btn-primary-large:hover,
.btn-primary-small:hover {
    background: #e55a28;
    transform: translateY(-2px);
    box-shadow: var(--renomatch-shadow-medium);
}

.btn-secondary,
.btn-secondary-small {
    background: transparent;
    color: var(--renomatch-blue);
    border: 2px solid var(--renomatch-blue);
}

.btn-secondary:hover,
.btn-secondary-small:hover {
    background: var(--renomatch-blue);
    color: var(--renomatch-white);
}

.main-nav a {
    color: var(--renomatch-gray-dark);
}

.main-nav a:hover {
    color: var(--renomatch-blue);
}

.process-step-number {
    background: var(--renomatch-orange);
    color: var(--renomatch-white);
}

.why-choose-card {
    background: var(--renomatch-white);
    border: 2px solid var(--renomatch-gray-light);
    box-shadow: var(--renomatch-shadow-medium);
}

.why-choose-card:hover {
    border-color: var(--renomatch-blue);
    transform: translateY(-5px);
}

.why-choose-icon {
    color: var(--renomatch-blue);
}

.category-card {
    background: var(--renomatch-white);
    border-radius: var(--renomatch-radius-medium);
    box-shadow: var(--renomatch-shadow-medium);
}

.category-card:hover {
    box-shadow: var(--renomatch-shadow-strong);
}

.category-card .btn-primary {
    background: var(--renomatch-orange);
}

.footer {
    background: var(--renomatch-green);
    color: var(--renomatch-white);
}

.footer a {
    color: var(--renomatch-white);
}

.footer a:hover {
    color: var(--renomatch-orange);
}

/* Badges et éléments spéciaux */
.badge-gratuit {
    background: var(--renomatch-gradient-accent);
    color: var(--renomatch-white);
    padding: 8px 16px;
    border-radius: var(--renomatch-radius-small);
    font-weight: 700;
    display: inline-block;
    box-shadow: var(--renomatch-shadow-medium);
}

/* Liens */
a {
    color: var(--renomatch-blue);
}

a:hover {
    color: #0052cc;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    color: var(--renomatch-gray-dark);
}

/* Texte */
body {
    color: var(--renomatch-gray-dark);
}

/* Sections alternées */
section:nth-child(even) {
    background: var(--renomatch-gray-light);
}

section:nth-child(odd) {
    background: var(--renomatch-white);
}