/* ==========================================================
   WEB.CB06.FR
   CONTRASTE ET LISIBILITÉ DE LA PAGE D'ACCUEIL V1

   Toutes les règles sont limitées à body.home.
   Aucun impact sur les autres pages.
   ========================================================== */

body.home {
    --home-ink: #07162b;
    --home-ink-soft: #1d314b;
    --home-text: #3e5168;
    --home-muted: #4f6278;
    --home-subtle: #56697f;

    --home-blue: #075bd8;
    --home-blue-dark: #064db7;

    --home-dark-title: #ffffff;
    --home-dark-text: #d6e2f0;
    --home-dark-muted: #b9c9dc;
    --home-dark-subtle: #9fb0c5;

    color: var(--home-ink);
}

/* ==========================================================
   RÈGLES GÉNÉRALES DE L'ACCUEIL
   ========================================================== */

body.home main h1,
body.home main h2,
body.home main h3,
body.home main h4 {
    color: var(--home-ink);
}

body.home main p,
body.home main li,
body.home main dd {
    color: var(--home-text);
}

body.home main .eyebrow {
    color: var(--home-blue);
}

body.home main .text-link {
    color: var(--home-blue-dark);
}

body.home main .text-link:hover {
    color: #003f9e;
}

body.home main a:not(.btn):focus-visible,
body.home main button:focus-visible,
body.home main input:focus-visible,
body.home main select:focus-visible,
body.home main textarea:focus-visible {
    outline: 3px solid rgba(7, 91, 216, .34) !important;
    outline-offset: 3px !important;
}

body.home ::selection {
    background: #075bd8;
    color: #ffffff;
}

/* ==========================================================
   HERO
   ========================================================== */

body.home .hero--home .eyebrow {
    color: #075bd8 !important;
}

body.home .hero__content h1 {
    color: #07162b !important;
}

body.home .hero__content h1 em {
    color: #0b63eb !important;
}

body.home .hero__lead {
    color: #3e5168 !important;
}

body.home .hero__assurances,
body.home .hero__assurances span {
    color: #324960 !important;
}

body.home .hero__assurances svg {
    color: #087443 !important;
}

body.home .hero__foot {
    color: #3f536b !important;
}

/* Bouton secondaire du hero */

body.home .hero__actions .btn--ghost {
    color: #07162b !important;
    background: #ffffff !important;
    border-color: #aebdd0 !important;
}

body.home .hero__actions .btn--ghost:hover {
    color: #064db7 !important;
    border-color: #075bd8 !important;
    background: #f5f9ff !important;
}

/* ==========================================================
   MAQUETTE DU HERO
   ========================================================== */

body.home .showcase-browser__bar > div {
    color: #4f6075 !important;
}

body.home .showcase-nav,
body.home .showcase-nav span {
    color: #c5d3e3 !important;
}

body.home .showcase-nav b {
    color: #ffffff !important;
}

body.home .showcase-copy small,
body.home .showcase-copy > span {
    color: #a4f5dc !important;
}

body.home .showcase-copy strong {
    color: #ffffff !important;
}

body.home .showcase-copy strong em {
    color: #76a2ff !important;
}

body.home .showcase-card span {
    color: #c7d5e5 !important;
}

body.home .showcase-card b {
    color: #ffffff !important;
}

body.home .floating-proof small {
    color: #4f6278 !important;
}

body.home .floating-proof strong {
    color: #07162b !important;
}

/* ==========================================================
   BANDEAU DE CONFIANCE
   ========================================================== */

body.home .trust-strip__inner > p {
    color: #3e5168 !important;
}

body.home .trust-strip__items span {
    color: #243a55 !important;
}

/* ==========================================================
   SECTION INTRODUCTION
   ========================================================== */

body.home .section--intro .rich-copy p {
    color: #3e5168 !important;
}

body.home .section--intro .text-link {
    color: #064db7 !important;
}

/* ==========================================================
   SERVICES
   ========================================================== */

body.home .service-card {
    color: #07162b;
}

body.home .service-card__number {
    color: #56697f !important;
}

body.home .service-card__eyebrow {
    color: #075bd8 !important;
}

body.home .service-card h3 {
    color: #07162b !important;
}

body.home .service-card p {
    color: #42566e !important;
}

body.home .service-card__arrow {
    background: #07162b !important;
    color: #ffffff !important;
}

/* ==========================================================
   RÉALISATIONS - SECTION SOMBRE
   ========================================================== */

body.home .work-section > .container >
.section-heading h2 {
    color: #ffffff !important;
}

body.home .work-section >
.container > .section-heading .eyebrow {
    color: #a0f4da !important;
}

body.home .work-section .btn--outline-light {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .48) !important;
}

body.home .work-section .btn--outline-light:hover {
    background: #ffffff !important;
    color: #07162b !important;
}

/* Corps blanc des cartes */

body.home .work-card__body > span {
    color: #075bd8 !important;
}

body.home .work-card__body h3 {
    color: #07162b !important;
}

body.home .work-card__body p {
    color: #42566e !important;
}

body.home .work-card__link {
    color: #064db7 !important;
}

body.home .work-card__screen small {
    color: #a0f4da !important;
}

body.home .work-card__screen strong {
    color: #ffffff !important;
}

body.home .work-card__screen > span {
    color: #d6e2f0 !important;
}

body.home .work-card__badge {
    color: #203651 !important;
    background: rgba(255, 255, 255, .96) !important;
}

body.home .work-disclaimer {
    color: #334b64 !important;
    background: #edf4ff !important;
}

/* ==========================================================
   ESTIMATEUR SOMBRE
   ========================================================== */

body.home .estimator-section h2 {
    color: #ffffff !important;
}

body.home .estimator-section .eyebrow {
    color: #a0f4da !important;
}

body.home .estimator-copy p {
    color: #d0ddec !important;
}

body.home .estimator-copy .check-list li {
    color: #e1eaf5 !important;
}

body.home .estimator__header > span {
    color: #c6d5e6 !important;
}

body.home .estimator__header strong,
body.home .estimator__label output {
    color: #a0f4da !important;
}

body.home .estimator__field label {
    color: #ffffff !important;
}

body.home .estimator__checks label {
    color: #e0e9f4 !important;
}

body.home .estimator__result small {
    color: #c6d5e6 !important;
}

body.home .estimator__result strong {
    color: #ffffff !important;
}

body.home .estimator select {
    color: #07162b !important;
    background: #ffffff !important;
}

/* ==========================================================
   MÉTHODE
   ========================================================== */

body.home .process-section .section-heading > p {
    color: #42566e !important;
}

body.home .process-step > span {
    color: #ffffff !important;
    background: #07162b !important;
}

body.home .process-step h3 {
    color: #07162b !important;
}

body.home .process-step p {
    color: #42566e !important;
}

/* ==========================================================
   FRANCE
   ========================================================== */

body.home .france-copy p {
    color: #3e5168 !important;
}

body.home .france-stats strong {
    color: #07162b !important;
}

body.home .france-stats span {
    color: #4f6278 !important;
}

body.home .city-cloud a {
    color: #203651 !important;
}

body.home .city-cloud a:hover {
    color: #064db7 !important;
}

body.home .map-label {
    color: #ffffff !important;
    background: #07162b !important;
}

/* ==========================================================
   SECTEURS
   ========================================================== */

body.home .sector-card > span {
    color: #064db7 !important;
}

body.home .sector-card h3 {
    color: #07162b !important;
}

body.home .sector-card p {
    color: #42566e !important;
}

body.home .sector-card > svg {
    color: #075bd8 !important;
}

/* ==========================================================
   GUIDES
   ========================================================== */

body.home .guide-card__meta,
body.home .guide-card__meta span {
    color: #4f6278 !important;
}

body.home .guide-card h3,
body.home .guide-card h3 a {
    color: #07162b !important;
}

body.home .guide-card p {
    color: #42566e !important;
}

body.home .guide-card .text-link {
    color: #064db7 !important;
}

/* ==========================================================
   FORMULAIRE DE CONTACT SOMBRE + CARTE BLANCHE
   ========================================================== */

body.home .contact-card__copy .eyebrow {
    color: #a0f4da !important;
}

body.home .contact-card__copy h2 {
    color: #ffffff !important;
}

body.home .contact-card__copy p {
    color: #d0ddec !important;
}

body.home .contact-card__direct a {
    color: #ffffff !important;
}

body.home .contact-card__direct small {
    color: #b9c9dc !important;
}

body.home .contact-card__direct strong {
    color: #ffffff !important;
}

body.home .contact-card__form {
    color: #07162b !important;
}

body.home .contact-card__form label > span {
    color: #203651 !important;
}

body.home .contact-card__form .checkbox span,
body.home .contact-card__form .form-note {
    color: #4f6278 !important;
}

body.home input,
body.home textarea,
body.home select {
    color: #07162b !important;
    background: #ffffff !important;
    border-color: #aebdd0 !important;
}

body.home input::placeholder,
body.home textarea::placeholder {
    color: #64758a !important;
    opacity: 1 !important;
}

body.home select option {
    color: #07162b !important;
    background: #ffffff !important;
}

/* ==========================================================
   FAQ
   ========================================================== */

body.home .faq-layout > div:first-child > p {
    color: #42566e !important;
}

body.home .accordion__item button {
    color: #07162b !important;
}

body.home .accordion__panel p {
    color: #42566e !important;
}

/* ==========================================================
   CTA ET FOOTER
   ========================================================== */

body.home .footer-cta h2 {
    color: #ffffff !important;
}

body.home .footer-call small {
    color: #b9c9dc !important;
}

body.home .footer-call strong {
    color: #ffffff !important;
}

body.home .footer-brand p {
    color: #b7c6d8 !important;
}

body.home .footer-column h3 {
    color: #ffffff !important;
}

body.home .footer-column a {
    color: #b5c4d6 !important;
}

body.home .footer-column a:hover {
    color: #ffffff !important;
}

body.home .footer-bottom {
    color: #9fb0c5 !important;
}

body.home .footer-contact a {
    color: #ffffff !important;
}

/* ==========================================================
   ASSISTANT ET BARRE MOBILE
   ========================================================== */

body.home .project-chat__panel > header small {
    color: #c2d1e2 !important;
}

body.home .chat-message--bot {
    color: #203651 !important;
}

body.home .chat-options button {
    color: #203651 !important;
}

body.home .mobile-sticky-cta a {
    color: #07162b !important;
}

/* ==========================================================
   PETITS ÉCRANS
   ========================================================== */

@media (max-width: 620px) {

    body.home .hero__lead {
        color: #344a62 !important;
    }

    body.home .hero__assurances span {
        color: #2f465f !important;
    }

    body.home .announcement {
        color: #e1ebf7 !important;
    }

    body.home .service-card p,
    body.home .sector-card p,
    body.home .guide-card p,
    body.home .process-step p {
        color: #344a62 !important;
    }

    body.home .contact-card__copy p {
        color: #d6e2f0 !important;
    }
}