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

#A, #A *, [id^="A_"], [id^="A_"] * { fill: var(--up-a) !important; }
[id^="Piping"], [id^="Piping"] * { fill: var(--up-piping) !important; }
[id^="Tape"], [id^="Tape"] * { fill: var(--up-tape) !important; }
[id^="Zipper"], [id^="Zipper"] * { fill: var(--up-zip) !important; }

/* 輪郭線。パーツの細さに応じて太さを変える */
#A, #A *, [id^="A_"], [id^="A_"] * {
  stroke: var(--outline) !important;
  stroke-width: 26 !important;
}
[id^="Tape"], [id^="Tape"] * {
  stroke: var(--outline) !important;
  stroke-width: 18 !important;
}
/* パイピングとファスナーは細いので線は控えめに(務歯が潰れないよう) */
[id^="Piping"], [id^="Piping"] * {
  stroke: var(--outline) !important;
  stroke-width: 10 !important;
}
[id^="Zipper"], [id^="Zipper"] * {
  stroke: var(--outline) !important;
  stroke-width: 8 !important;
}