/* =====================================================================
   LinkMania — surcouche de modernisation de la page d'accueil.
   Chargée après le style.css du template : raffinements visuels additifs
   (palette indigo cohérente avec le back-office, boutons, hero, sections).
   ===================================================================== */

:root {
    --lm-primary: #4f46e5;
    --lm-primary-dark: #4338ca;
    --lm-ink: #16192c;
    --lm-muted: #5b6172;
    --lm-bg-soft: #f6f7fb;
}

body { color: var(--lm-ink); -webkit-font-smoothing: antialiased; }

/* Titres plus serrés et modernes */
h1, h2, h3, .section-header h2 { letter-spacing: -0.02em; }
.section-header h2 { color: var(--lm-ink); font-weight: 800; }

/* Header / navbar */
#header.header-scrolled, #header {
    box-shadow: 0 1px 0 rgba(16,24,40,.06);
}
.navbar a, .navbar a:focus { color: var(--lm-ink); font-weight: 600; }
.navbar a:hover, .navbar .active { color: var(--lm-primary); }
.navbar .getstarted, .navbar .getstarted:focus {
    background: var(--lm-primary);
    border-radius: 10px;
    padding: 8px 22px;
    font-weight: 700;
}
.navbar .getstarted:hover { background: var(--lm-primary-dark); }

/* Hero */
#hero {
    background: radial-gradient(1200px 600px at 80% -10%, #eef2ff 0%, rgba(238,242,255,0) 60%), #ffffff;
}
#hero h1 { color: var(--lm-ink); font-weight: 800; letter-spacing: -0.03em; }
#hero h2 { color: var(--lm-muted); }
#hero .btn-get-started {
    background: var(--lm-primary);
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: -0.01em;
    padding: 12px 34px;
    box-shadow: 0 8px 24px rgba(79,70,229,.28);
    transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
}
#hero .btn-get-started:hover { background: var(--lm-primary-dark); transform: translateY(-1px); }

/* Boutons génériques du template */
.btn-primary, a.btn-primary {
    background: var(--lm-primary);
    border-color: var(--lm-primary);
    border-radius: 12px;
    font-weight: 700;
}
.btn-primary:hover { background: var(--lm-primary-dark); border-color: var(--lm-primary-dark); }

/* Sections alternées + cartes */
.features, .values, .counts, .faq, .testimonials, .team { }
.values .box, .features .icon-box, .team .member, .team .quote, .icon-box {
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 12px 30px rgba(16,24,40,.06);
    border: 1px solid #eef0f6;
    transition: transform .15s ease, box-shadow .2s ease;
}
.values .box:hover, .features .icon-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 18px 40px rgba(16,24,40,.10);
}
.values .box .icon i, .features .icon-box i, .icon-box i { color: var(--lm-primary); }

/* Compteurs */
.counts .count-box span { color: var(--lm-primary); font-weight: 800; letter-spacing: -0.02em; }

/* FAQ */
.faq .accordion-item, .faq .accordion-list li {
    border-radius: 14px;
    border: 1px solid #eef0f6;
}
.faq .accordion-list a.collapsed { color: var(--lm-ink); }
.faq .accordion-list a { color: var(--lm-primary); font-weight: 700; }

/* Footer */
#footer { background: #0f1226; }
#footer, #footer .copyright { color: rgba(255,255,255,.7); }
#footer a { color: #c7cbff; }