/* =====================================================
   大阪環状線 テーマ (theme-osaka.css)
   ===================================================== */

body.theme-osaka {
    --train-body-color: #e0e0e0;
    /* ステンレス鋼 */
    --train-roof-color: #333;
    --train-window-frame: #999;
    --train-line-color: #f36c21;
    /* 大阪環状線オレンジ */
    --train-face-color: #333;
    /* 323系のダークフェイス */
}

/* 大阪環状線（323系）の詳細 */
body.theme-osaka .train-car {
    /* オレンジ色のストライプ/アクセントのあるステンレス製の車体 */
    background:
        linear-gradient(to bottom,
            var(--train-roof-color) 0%, var(--train-roof-color) 12%,
            /* 屋根 */
            var(--train-body-color) 12%, var(--train-body-color) 40%,
            var(--train-line-color) 40%, var(--train-line-color) 45%,
            /* 窓の下の中央ストライプ */
            var(--train-body-color) 45%, var(--train-body-color) 85%,
            var(--train-line-color) 85%, var(--train-line-color) 90%,
            /* 下部のストライプ */
            var(--train-body-color) 90%);
}

/* 先頭車両 (323系のダークフェイス) */
body.theme-osaka .train-car:first-child {
    border-left: 10px solid #333;
    /* ダークフェイス */
    border-bottom: 5px solid var(--train-line-color);
    /* スカート */
}