/* ATLA — accent ambre de la refonte d'Ulrik (#f0a530, texte posé dessus #120d03, repris de son v2/atla.css), appliqué
   à la base noir et blanc de Nicolas (décision de Nicolas, 12 oct. 2026). Chargée en dernier sur toutes les pages.
   Règles de contraste (mesurées) :
   - ambre #f0a530 sur noir #0b0b0b 9,5:1, sur #161616 8,7:1 → texte ambre permis sur les fonds foncés seulement ;
   - ambre sur le clair de la base #f3f2ee 1,85:1 → jamais de texte ni d'indicateur ambre sur fond clair (.v2-clair,
     articles) : l'ambre y sert de fond (texte #120d03, 9,3:1) ou de décor ;
   - #120d03 sur ambre 9,3:1 : tout texte posé sur l'ambre est foncé, comme chez Ulrik. */
:root{--v2-ambre:#f0a530;--v2-ambre-encre:#120d03}

/* Sélection, focus clavier, lien d'évitement */
::selection{background:var(--v2-ambre);color:var(--v2-ambre-encre)}
:focus-visible{outline-color:var(--v2-ambre)}
.v2-clair :focus-visible,.v2-article :focus-visible,.v3-sv-duo :focus-visible{outline-color:currentColor}
/* .v3-sv-duo (fiches de service) : bloc foncé sur ordinateur, mais posé sur le fond clair sous 1100 px (mesuré à 375 :
   ambre 1,85:1). Pas de texte ni de contour ambre dans ce bloc, quelle que soit la largeur. */
.v2-saut{background:var(--v2-ambre);color:var(--v2-ambre-encre)}

/* Surtitres : point ambre (décor), comme les « eyebrows » d'Ulrik */
.v2-repere::before,.v2-surtitre::before,.v2-page .eyebrow::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--v2-ambre);vertical-align:.08em}

/* Boutons pleins : ambre, texte foncé ; survol : contour ambre (texte ambre sur fond foncé, foncé sur fond clair) */
.v2-bouton--clair,.v2-clair .v2-bouton--clair,.v3-ph-appel a,.v2-entete__soumission,
.v2-contact .form-submit{background:var(--v2-ambre);color:var(--v2-ambre-encre);border-color:var(--v2-ambre)}
.v2-bouton--clair:hover,.v3-ph-appel a:hover,.v2-contact .form-submit:hover:not(:disabled){background:transparent;color:var(--v2-ambre);border-color:var(--v2-ambre)}
.v2-clair .v2-bouton--clair:hover{background:transparent;color:var(--v2-ambre-encre);border-color:var(--v2-ambre)}
.v2-entete__soumission:focus-visible{outline-color:var(--v2-ambre)}

/* Liens soulignés : trait ambre (décor) ; au survol sur fond foncé, texte ambre */
.v2-lien,.v2-page .inline-link,.v2-page .category-back{background-image:linear-gradient(var(--v2-ambre),var(--v2-ambre))}
.v2-lien:hover,.v2-page .inline-link:hover,.v2-page .category-back:hover{color:var(--v2-ambre)}
.v2-clair .v2-lien:hover,.v2-article .v2-lien:hover,.v2-article .inline-link:hover,.v2-clair .inline-link:hover,
.v3-sv-duo .v2-lien:hover,.v3-sv-duo .inline-link:hover{color:inherit}
.v2-entete__nav a:hover,.v2-pied__col a:hover,.v2-pied__bas a:hover,.breadcrumbs a:hover,.v2-bandeau__liste a:hover,
.v2-bandeau__liste a:focus-visible,.v2-contact__direct a:hover{color:var(--v2-ambre);text-decoration-color:var(--v2-ambre)}
.v2-contact__direct a{color:var(--v2-ambre)}

/* Listes d'expertises et répertoires : survol ambre */
.v2-index a:hover,.v2-index a:focus-visible,.directory-item:hover,.directory-item:focus-visible{color:var(--v2-ambre)}

/* États actifs en aplat : blanc → ambre, texte foncé */
.v2-carte--fin a:hover,.v2-bandeau__bouton:hover,.v2-bandeau__bouton:focus-visible,.v2-guide:hover,.v2-visionneuse button:hover,
.v2-visionneuse button:focus-visible,.category-chips a:hover,.category-chips a:focus-visible,.v3-sv-nav__liens a:hover,
.v3-sv-nav__liens a:focus-visible,.v3-plan a:hover,.v3-plan a:focus-visible,
.v3-sv-suite .directory-item:hover,.v3-sv-suite .directory-item:focus-visible{background:var(--v2-ambre);color:var(--v2-ambre-encre);border-color:var(--v2-ambre)}
.v2-guide:hover .v2-guide__num,.v3-sv-suite .directory-item:hover p,.v3-sv-suite .directory-item:focus-visible p{color:var(--v2-ambre-encre)}
.v2-bandeau__bouton{border-color:var(--v2-ambre)}

/* Progression, puces, compteurs (décor) */
.v2-projets__progression i{background:var(--v2-ambre)}
.v3-sv-duo__bloc:last-child .choice-list li::before{background:var(--v2-ambre)}

/* Formulaires : focus et cases à cocher */
.v2-contact input:focus,.v2-contact select:focus,.v2-contact textarea:focus{border-bottom-color:var(--v2-ambre)}
.v2-contact input:focus-visible,.v2-contact select:focus-visible,.v2-contact textarea:focus-visible{outline-color:var(--v2-ambre)}
.v2-contact .form-consent input{accent-color:var(--v2-ambre)}
.v2-succes{border-color:var(--v2-ambre)}

/* Parcours /soumission/ : options cochées, progression, familles suggérées, carte recommandée (comme chez Ulrik) */
.v2-soum-carte:hover{border-color:var(--v2-ambre)}
.v2-soum-carte--reco{background:var(--v2-ambre);border-color:var(--v2-ambre);color:var(--v2-ambre-encre)}
.v2-soum-carte--reco p,.v2-soum-carte--reco .v2-soum-carte__duree,.v2-soum-carte--reco .v2-soum-carte__badge{color:var(--v2-ambre-encre)}
.v2-soum-carte--reco:hover{background:#f4b752}
.v2-soum-tel a:hover,.v2-quiz-tel a:hover{color:var(--v2-ambre)}
.v2-quiz-segments li.is-done::before,.v2-quiz-segments li.is-current::before{background:var(--v2-ambre)}
.v2-contact label.v2-opt:has(input:checked){border-color:var(--v2-ambre);box-shadow:inset 0 0 0 1px var(--v2-ambre);background:rgba(240,165,48,.1)}
.v2-opt:has(input:checked) .v2-opt-ico{background:var(--v2-ambre);border-color:var(--v2-ambre);color:var(--v2-ambre-encre)}
.v2-opt:has(input:checked) .v2-opt-mark{border-color:var(--v2-ambre);background:var(--v2-ambre) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23120d03' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/15px no-repeat}
.v2-opt:has(input:focus-visible){outline-color:var(--v2-ambre)}
.v2-service-group.is-suggested h3{color:var(--v2-ambre)}
.v2-quiz-nav .v2-bouton--clair:not([aria-disabled=true]){background:var(--v2-ambre);color:var(--v2-ambre-encre);border-color:var(--v2-ambre)}
.v2-quiz-nav .v2-bouton--clair:not([aria-disabled=true]):hover{background:transparent;color:var(--v2-ambre)}
