/* =====================================================
   ゆふいんの森 (71系/72系) テーマ (theme-yufuin.css)
   ※ソニック (883系) の形状をベースに、カラーリングを「森」仕様に。
   ===================================================== */

body.theme-yufuin {
    --train-body-color: #004225;
    /* 深緑 (エメラルドグリーン) */
    --train-roof-color: #2c2c2c;
    /* ダークグレーの屋根 */
    --train-window-frame: #D4AF37;
    /* 金色の窓枠 */
    --train-line-color: #D4AF37;
    /* 金色の細帯 */
    --train-face-color: #004225;
}

body.theme-yufuin .train-car {
    background: linear-gradient(to bottom,
            var(--train-roof-color) 0%, var(--train-roof-color) 15%,
            var(--train-body-color) 15%, var(--train-body-color) 35%,
            var(--train-line-color) 35%, var(--train-line-color) 37%,
            /* 上の金帯 */
            var(--train-body-color) 37%, var(--train-body-color) 65%,
            var(--train-line-color) 65%, var(--train-line-color) 68%,
            /* 中のメイン金帯 */
            var(--train-body-color) 68%, var(--train-body-color) 85%,
            var(--train-line-color) 85%, var(--train-line-color) 87%,
            /* 下の金帯 */
            var(--train-body-color) 87%, var(--train-body-color) 100%);
    box-shadow: 4px 10px 15px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(255, 215, 0, 0.1);
}

/* ゆふいんの森 先頭車両 (ソニックベースの形状) */
body.theme-yufuin .train-car:first-child {
    background: var(--train-body-color);
}

/* ソニック同様の「耳」や「庇（ひさし）」構造を緑色で実装 */
body.theme-yufuin .train-car:first-child::before {
    background-color: var(--train-body-color);
    border-top: 2px solid var(--train-line-color);
    /* 耳に金の縁取り */
}

/* ゆふいんの森 円形エンブレム (先頭と側面にゴールドの装飾) */
body.theme-yufuin .train-car::after {
    content: 'YUFUIN';
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, #D4AF37 0%, #B8860B 100%);
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: bold;
    color: #004225;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
    opacity: 0.8;
}

/* 先頭車のみエンブレムを中央寄りに強調 */
body.theme-yufuin .train-car:first-child::after {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    font-size: 10px;
    content: 'ゆふいんの森';
}

/* 窓の設定：深緑に映える暗いティントと金のフレーム */
body.theme-yufuin .window {
    background-color: #0c1a12;
    border: 3px solid var(--train-window-frame);
    box-shadow: inset 0 0 10px rgba(212, 175, 55, 0.3);
}