/* 地域の配色(kyoto)。tools/area.py build が areas/kyoto/area.json の theme から作ったファイル。手で直さない */
:root {
  --accent: #046e31;
  --accent-ink: #ffffff;
  --accent-soft: #e2f0e6;
  --next-until-bg: #046e31;
  --next-until-ink: #ffffff;
  --band-bg: #dcefe2;
  --band-ink: #046e31;
  --band-edge: #046e31;
  --card-top: #3f9a62;
  --line-k-bg: #046e31;
  --line-k-ink: #ffffff;
  --line-k-code: #046e31;
  --line-t-bg: #c43e22;
  --line-t-ink: #ffffff;
  --line-t-code: #c43e22;
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent: #7fd19b;
    --accent-ink: #0b1a20;
    --accent-soft: #183a26;
    --next-until-bg: #7fd19b;
    --next-until-ink: #0b1a20;
    --band-bg: #183a26;
    --band-ink: #cdeed8;
    --band-edge: #7fd19b;
    --card-top: #4f9f6e;
    --line-k-bg: #7fd19b;
    --line-k-ink: #0b1a20;
    --line-k-code: #7fd19b;
    --line-t-bg: #ff9473;
    --line-t-ink: #2a0a00;
    --line-t-code: #ff9473;
  }
}
/* 路線の札(.route.line-<路線>)と、ホームの駅のチップの駅番号(.chip-code.line-<路線>)。色は上の変数 */
.route.line-k { background: var(--line-k-bg); color: var(--line-k-ink); }
.chip-code.line-k { color: var(--line-k-code); }
.route.line-t { background: var(--line-t-bg); color: var(--line-t-ink); }
.chip-code.line-t { color: var(--line-t-code); }
/* 駅のページの表: 狭い画面では文字を少し小さくし、余白を詰める(横にはみ出さず、方面の見出しは語の切れ目で折り返すように) */
@media (max-width: 359px) {
  table { font-size: .875rem; }
  table th[scope="row"] { overflow-wrap: break-word; }
  table th, table td { padding: .5rem .3rem; }
}