:root {
  --bg:      #100E0B;
  --bg2:     #161310;
  --bg3:     #1E1A15;
  --cream:   #EDE5D6;
  --cream2:  #A89880;
  --bordeaux:#A03030;
  --bordeaux2:#C04040;
  --lin:     #C8B49A;
  --lin2:    #8C7A64;
  --thread:  #A03030;
  --border:  rgba(237,229,214,0.07);
  --border2: rgba(237,229,214,0.13);
}

/* ── CURSEUR CROIX DE TAILLEUR ── */
#tailor-cur {
  position: fixed; pointer-events: none; z-index: 9999;
  transform: translate(-50%,-50%);
  transition: transform .15s ease;
}
#tailor-cur svg {
  width: 22px; height: 22px;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), opacity .2s;
}
#tailor-cur.active svg { transform: rotate(45deg) scale(1.3); }
#tailor-cur.active svg line { stroke: var(--bordeaux2); }

/* ── FIL CONDUCTEUR ── */
#thread-svg {
  position: fixed; top: 0; left: 71px; width: 1px; height: 100vh;
  z-index: 10; pointer-events: none; overflow: visible;
}
#thread-path {
  stroke: var(--thread); stroke-width: 1; fill: none;
  stroke-dasharray: 8 5;
  stroke-dashoffset: 0;
  opacity: .35;
  animation: threadDash 3s linear infinite;
}

/* ── SCROLLBAR & SÉLECTION ── */
::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--bordeaux); }
::selection { background: var(--bordeaux); color: var(--cream); }