/* トイレットペーパー用の配色(紙の白)と、長い単位名(ロール)に合わせた入力欄の調整。
   明るい背景では白が見えないため、ライトモードだけ墨色にする */
:root {
  --accent: #3d4650;
  --accent-soft: #e6e9ec;
  --on-accent: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #ffffff;
    --accent-soft: #3a3633;
    --on-accent: #171413;
  }
}

.suffix {
  min-width: 3em;
}