/* =====================================================
   こまち (E6系) テーマ (theme-komachi.css)
   ※はやぶさ (E5系) の形状をベースに、配色を赤・白・グレーに変更。
   ===================================================== */

body.theme-komachi {
    --train-body-color: #d11c34;
    /* 茜色 (Red) */
    --train-roof-color: #d11c34;
    --train-window-frame: #b3b3b3;
    --train-line-color: #a0a0a0;
    /* 銀地色 (Grey stripe) */
    --train-face-color: #f2f2f2;
    /* 飛雲ホワイト (Lower body) */
}

body.theme-komachi .train-car {
    background: linear-gradient(to bottom,
            var(--train-body-color) 0%,
            var(--train-body-color) 60%,
            var(--train-line-color) 60%,
            var(--train-line-color) 65%,
            /* グレーの帯 */
            var(--train-face-color) 65%,
            var(--train-face-color) 100%);
}

/* こまちのロングノーズ (はやぶさの形状を継承) */
body.theme-komachi .train-car:first-child {
    background: linear-gradient(to bottom,
            var(--train-body-color) 0%,
            var(--train-body-color) 60%,
            var(--train-line-color) 60%,
            var(--train-line-color) 65%,
            var(--train-face-color) 65%,
            var(--train-face-color) 100%);
}

/* -----------------------------------------------
   こまち 後尾車両
   ----------------------------------------------- */
body.theme-komachi .train-car:last-child {
    background: linear-gradient(to bottom,
            var(--train-body-color) 0%,
            var(--train-body-color) 60%,
            var(--train-line-color) 60%,
            var(--train-line-color) 65%,
            var(--train-face-color) 65%,
            var(--train-face-color) 100%);
}