/* フリースジャケット4型で共有するパーツ配色。
   パーツは CorelDRAW 側の id で識別する。連番サフィックス(A_0, Tape_5 …)も拾う。 */
:root {
  --fl-a: #131747;
  --fl-b: #C9CACA;
  --fl-piping: #FFFFFF;
  --fl-tape: #FFFFFF;
  --fl-btn: #131747;
  /* AとBを同色にしても切替が分かるよう、全パーツに入れる輪郭線。
     黒だとブラック系の配色で消えるため、明暗どちらにも乗る中間グレーにしている。 */
  --outline: #8A8A8A;
}
#A, #A *, [id^="A_"], [id^="A_"] *,
#B, #B *, [id^="B_"], [id^="B_"] *,
#Piping, #Piping *, [id^="Piping_"], [id^="Piping_"] *,
#Tape, #Tape *, [id^="Tape_"], [id^="Tape_"] *,
#Button, #Button * { transition: fill 0.15s; }

#A, #A *, [id^="A_"], [id^="A_"] * { fill: var(--fl-a) !important; }
#B, #B *, [id^="B_"], [id^="B_"] * { fill: var(--fl-b) !important; }
#Piping, #Piping *, [id^="Piping_"], [id^="Piping_"] * { fill: var(--fl-piping) !important; }
#Tape, #Tape *, [id^="Tape_"], [id^="Tape_"] * { fill: var(--fl-tape) !important; }
#Button, #Button * { fill: var(--fl-btn) !important; }

/* 輪郭線。元データは線が極細(F12は幅1)だったり黒だったりで、
   同系色を選ぶと切替が見えなくなるので、全パーツで引き直す。 */
#A, #A *, [id^="A_"], [id^="A_"] *,
#B, #B *, [id^="B_"], [id^="B_"] *,
#Tape, #Tape *, [id^="Tape_"], [id^="Tape_"] *,
#Button, #Button * {
  stroke: var(--outline) !important;
  stroke-width: 26 !important;
}
/* パイピングは細いパーツなので線は控えめに */
#Piping, #Piping *, [id^="Piping_"], [id^="Piping_"] * {
  stroke: var(--outline) !important;
  stroke-width: 10 !important;
}