/* 地域の配色(nagoya)。tools/area.py build が areas/nagoya/area.json の theme から作ったファイル。手で直さない */
:root {
  --brand-h: 34px;
  --brand-h-narrow: 25px;
  --accent: #0055a8;
  --accent-ink: #ffffff;
  --accent-soft: #e3edf8;
  --next-until-bg: #0055a8;
  --next-until-ink: #ffffff;
  --band-bg: #e3edf8;
  --band-ink: #0055a8;
  --band-edge: #0055a8;
  --card-top: #b07d00;
  --line-h-bg: #f2b200;
  --line-h-ink: #0b1a20;
  --line-h-code: #8a6500;
  --line-m-bg: #7d4a9a;
  --line-m-ink: #ffffff;
  --line-m-code: #7d4a9a;
  --line-e-bg: #7d4a9a;
  --line-e-ink: #ffffff;
  --line-e-code: #7d4a9a;
  --line-t-bg: #0071bc;
  --line-t-ink: #ffffff;
  --line-t-code: #0071bc;
  --line-s-bg: #d6262c;
  --line-s-ink: #ffffff;
  --line-s-code: #d6262c;
  --line-k-bg: #d8577d;
  --line-k-ink: #0b1a20;
  --line-k-code: #b8365c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent: #7eb6ff;
    --accent-ink: #0b1a20;
    --accent-soft: #1a2f47;
    --next-until-bg: #7eb6ff;
    --next-until-ink: #0b1a20;
    --band-bg: #1a2f47;
    --band-ink: #d6e6fa;
    --band-edge: #7eb6ff;
    --card-top: #f2b200;
    --line-h-bg: #f2b200;
    --line-h-ink: #0b1a20;
    --line-h-code: #f2b200;
    --line-m-bg: #c39ae0;
    --line-m-ink: #0b1a20;
    --line-m-code: #c39ae0;
    --line-e-bg: #c39ae0;
    --line-e-ink: #0b1a20;
    --line-e-code: #c39ae0;
    --line-t-bg: #6fb7ef;
    --line-t-ink: #0b1a20;
    --line-t-code: #6fb7ef;
    --line-s-bg: #ff8a8e;
    --line-s-ink: #0b1a20;
    --line-s-code: #ff8a8e;
    --line-k-bg: #ff9ab8;
    --line-k-ink: #0b1a20;
    --line-k-code: #ff9ab8;
  }
}
/* 路線の札(.route.line-<路線>)と、ホームの駅のチップの駅番号(.chip-code.line-<路線>)。色は上の変数 */
.route.line-e { background: var(--line-e-bg); color: var(--line-e-ink); }
.chip-code.line-e { color: var(--line-e-code); }
.route.line-h { background: var(--line-h-bg); color: var(--line-h-ink); }
.chip-code.line-h { color: var(--line-h-code); }
.route.line-k { background: var(--line-k-bg); color: var(--line-k-ink); }
.chip-code.line-k { color: var(--line-k-code); }
.route.line-m { background: var(--line-m-bg); color: var(--line-m-ink); }
.chip-code.line-m { color: var(--line-m-code); }
.route.line-s { background: var(--line-s-bg); color: var(--line-s-ink); }
.chip-code.line-s { color: var(--line-s-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; }
}