/* デフォルトテーマ（温泉風） */
        :root {
            --onsen-primary: #8b4513;
            --onsen-accent: #cd853f;
            --onsen-warm: #daa520;
            --onsen-wood: #a0522d;
            --onsen-paper: #fff8dc;
        }

        /* 漁師民宿テーマ */
        :root[data-theme="fisher"] {
            --onsen-primary: #3498db;
            --onsen-accent: #2980b9;
            --onsen-warm: #f39c12;
            --onsen-wood: #16a085;
            --onsen-paper: #ecf0f1;
        }

        /* オールインクルーシブテーマ */
        :root[data-theme="inclusive"] {
            --onsen-primary: #8b4513;
            --onsen-accent: #cd853f;
            --onsen-warm: #daa520;
            --onsen-wood: #a0522d;
            --onsen-paper: #fff8dc;


            /*
            --onsen-primary: #ff9800;
            --onsen-accent: #f57c00;
            --onsen-warm: #ffc107;
            --onsen-wood: #e65100;
            --onsen-paper: #fff3e0;
            */
        }

        /* 日本モダーンテーマ */
        :root[data-theme="jp_modern"] {
            --onsen-primary: #2C2C2C;
            --onsen-accent: #808080;
            --onsen-warm: #4A4A4A;
            --onsen-wood: #333333;
            --onsen-paper: #F5F5F5;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, var(--onsen-accent) 0%, var(--onsen-primary) 100%);
            min-height: 100vh;
            color: #333;
        }
        
        /* この後に追加 */
    :root[data-theme="jp_modern"] body {
    background: linear-gradient(135deg, #808080 0%, #2C2C2C 100%) !important;
}
        /* 全ての要素が変数を使用するため、自動的にテーマが適用される */