/* ═══════════════════════════════════════════════════════════════════
   assets/syn-pont.css — FICHIER GÉNÉRÉ par tests/generer-pont.js
   Ne pas modifier à la main : relancer « node tests/generer-pont.js ».

   Recolore les 60 déclarations de styles.css et assets/index.css qui
   codaient l'ancien bleu en dur, à spécificité égale, par les jetons
   de assets/syn-theme.css. Chargé juste après ces deux feuilles.
   ═══════════════════════════════════════════════════════════════════ */
/* styles.css */ .pageTab{color:var(--synD)}
/* styles.css */ .userBadge{color:var(--synD)}
/* styles.css */ .btnIcon:hover{border-color:color-mix(in srgb,var(--syn) 50%,transparent)}
/* styles.css */ .input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--syn) 15%,transparent);background:color-mix(in srgb,var(--syn) 3%,#fff)}
/* styles.css */ .itemMiniRef{color:var(--synD)}
/* styles.css */ .zoneGroup{box-shadow:0 2px 8px color-mix(in srgb,var(--syn) 8%,transparent)}
/* styles.css */ .zoneGroupTitle{color:var(--syn);background:var(--synT)}
/* styles.css */ .tr.th{color:var(--synD)}
/* styles.css */ .logRow--blue{border-left-color:var(--syn);background:var(--synT)}
/* styles.css */ .loginTitle{color:var(--synD)}
/* styles.css */ .basketCard:hover{box-shadow:0 2px 12px color-mix(in srgb,var(--syn) 12%,transparent)}
/* styles.css */ .orderStatut-soumise{background:var(--synT);color:var(--synD)}
/* styles.css */ .mentionTag{background:var(--synT);color:var(--synD)}
/* styles.css */ .mentionTag button{color:var(--synD)}
/* styles.css */ .disputeCard:hover{box-shadow:0 2px 12px color-mix(in srgb,var(--syn) 12%,transparent)}
/* styles.css */ .prio-moderee{background:var(--synT);color:var(--synD)}
/* styles.css */ .statut-a_traiter{background:var(--synT);color:var(--synD)}
/* styles.css */ .orderCard:hover{box-shadow:0 2px 12px color-mix(in srgb,var(--syn) 12%,transparent)}
/* styles.css */ .orderLineQty{background:var(--synT);color:var(--synD)}
/* styles.css */ .profileActionIcon{background:var(--synT)}
/* styles.css */ .userBadgeName{color:var(--synD)}
/* styles.css */ .userBadgeRole{background:var(--synT);color:var(--syn)}
/* styles.css */ .adminHubIcon{background:var(--synT)}
/* styles.css */ .stMotifToggle.on{background:var(--synT)}
/* styles.css */ .orderPanelIcon{background:var(--synT)}
/* styles.css */ .navItem.active{background:var(--synT)}
/* styles.css */ .catPreviewIcon{background:var(--synT)}
/* styles.css */ .browseTag.cat{background:var(--synT);color:var(--synD)}
/* styles.css */ .listShared{background:var(--synT);color:var(--synD)}
/* styles.css */ .loginAvatar{background:var(--synT)}
/* styles.css */ .admField:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--syn) 16%,transparent)}
/* styles.css */ .btn{box-shadow:0 2px 0 rgba(2,6,23,.18), 0 5px 14px color-mix(in srgb,var(--syn) 28%,transparent)}
/* styles.css */ .btn:hover{box-shadow:0 3px 0 rgba(2,6,23,.18), 0 8px 20px color-mix(in srgb,var(--syn) 34%,transparent)}
/* styles.css */ .sItem:hover, .sItem.sItemOn{background:var(--synT);border-color:color-mix(in srgb,var(--syn) 35%,transparent)}
/* styles.css */ .sKind{background:color-mix(in srgb,var(--syn) 14%,transparent)}
/* styles.css */ .btnExport{background:color-mix(in srgb,var(--syn) 10%,transparent)}
/* styles.css */ .homeSearch input:focus{background:color-mix(in srgb,var(--syn) 3%,#fff)}
/* styles.css */ .refHero{background:linear-gradient(180deg,var(--synT),#ffffff)}
/* styles.css */ .refBadge.refBadgeOn{box-shadow:0 0 0 0 color-mix(in srgb,var(--syn) 50%,transparent)}
/* styles.css */ .refSegBtn.active{background:var(--synD);border-color:var(--synD)}
/* styles.css */ .zonePickerBlue{background:var(--synT)}
/* styles.css */ .zoneBtn:hover{background:var(--synT)}
/* styles.css */ .btnRecap{background:color-mix(in srgb,var(--syn) 10%,transparent)}
/* styles.css */ .zoneBtn{color:var(--synD)}
/* styles.css */ .zoneBtn:hover:not(:disabled){background:var(--synT)}
/* assets/index.css */ .sl-logo span{color:var(--syn)}
/* assets/index.css */ .sl-bar{background:var(--syn)}

/* ── Raccords des éléments réglables dans Admin › Apparence ──
   (écrits à la main dans tests/generer-pont.js, constante RACCORDS) */
.topbar{background:var(--e-barre);color:var(--e-barre-tx)}
.topbar .brand{color:var(--e-barre-tx)}
.pageTab.active{background:var(--e-onglet);color:var(--e-onglet-tx);border-color:var(--e-onglet)}
.btn{color:var(--e-bouton-tx)}
.toast{background:var(--e-toast);color:var(--e-toast-tx)}
.container a:not([class]){color:var(--e-lien)}
.input:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--e-focus)}
.synMarque{display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap}
.synMarque svg{width:30px;height:30px;flex:0 0 auto;display:block;overflow:visible}
.synMarque img{height:32px;max-width:160px;object-fit:contain;display:block}
.synNom{font-family:var(--f);font-size:17px;font-weight:800;letter-spacing:-.02em;color:inherit}
.synNom em{font-style:normal;color:var(--syn)}
.synMarque .q{transform-box:fill-box}
.synMarque.joue .q{animation:synQ .8s cubic-bezier(.3,1.4,.5,1)}
.synMarque.joue .h{animation:synH .8s ease-out;transform-origin:center;transform-box:fill-box}
@keyframes synQ{from{transform:translate(var(--x,0),var(--y,0));opacity:.35}to{transform:none;opacity:1}}
@keyframes synH{from{transform:scale(.8)}to{transform:none}}
:root.anims-off .synMarque *{animation:none!important}
@media(prefers-reduced-motion:reduce){.synMarque *{animation:none!important}}
@media(max-width:520px){.synNom{font-size:15px}.synMarque svg{width:26px;height:26px}}