@charset "utf-8"; /* ================================================== DESTINATION / COURSE THEME VARIABLES 都市カラーは body のクラスで切替。 2コースの色は --route-flight / --route-local と対応する --route-*-soft を変更すれば一括調整できます。 Seoul : Hong Kong: Taipei : ================================================== */ :root { --text-color: #33445a; --heading-color: #18345f; --muted-color: #6b7788; --link-color: #137eaa; --page-bg: #f5f9fb; --surface-soft: #f3f8fa; --border-color: #d7e2e8; --page-shadow: 0 14px 40px rgba(24, 52, 95, 0.09); --card-shadow: 0 6px 18px rgba(24, 52, 95, 0.07); --accent-color: #16a9b8; --accent-deep: #18345f; --accent-blue: #327fb6; --accent-coral: #df7772; --accent-yellow: #e7c45a; --hero-bg: #f2fafb; --hero-panel: rgba(255, 255, 255, 0.90); --hero-image: none; --hero-image-position: center; --hero-tag-bg: #e8f6f8; --hero-tag-text: #18345f; --route-flight: #397fac; --route-flight-soft: #edf6fa; --route-local: #d87572; --route-local-soft: #fff3f1; --header-bg: rgba(255, 255, 255, 0.96); --header-bg-scrolled: rgba(255, 255, 255, 0.99); --header-text: #18345f; --header-hover: #e5f5f7; --header-shadow: 0 3px 16px rgba(24, 52, 95, 0.10); } body.theme-seoul { --accent-color: #16a9b8; --accent-deep: #18345f; --link-color: #137eaa; --page-bg: #f5f9fb; --surface-soft: #f3f8fa; --border-color: #d7e2e8; --hero-bg: #f2fafb; --hero-panel: rgba(255, 255, 255, 0.90); --route-flight: #397fac; --route-flight-soft: #edf6fa; --route-local: #d87572; --route-local-soft: #fff3f1; } /* 後続都市用。原色寄りの方向性を保ちつつ都市ごとに調整可能 */ body.theme-hongkong { --accent-color: #cf6673; --accent-deep: #233b61; --link-color: #a94d5b; --page-bg: #f8f6f7; --surface-soft: #fbf5f6; --border-color: #eadde1; --hero-bg: #f8f3f5; --hero-panel: rgba(255, 255, 255, 0.90); --route-flight: #4d7fa7; --route-flight-soft: #eef5f9; --route-local: #cf6673; --route-local-soft: #fff2f4; --header-bg: rgba(255, 255, 255, 0.96); --header-bg-scrolled: rgba(255, 255, 255, 0.99); --header-text: #233b61; --header-hover: #f8e9ec; } body.theme-taipei { --accent-color: #7774bd; --accent-deep: #26375f; --link-color: #5d5aa9; --page-bg: #f7f7fb; --surface-soft: #f5f4fb; --border-color: #dfdeeb; --hero-bg: #f5f5fb; --hero-panel: rgba(255, 255, 255, 0.90); --route-flight: #4e80aa; --route-flight-soft: #eef5f9; --route-local: #8d76b3; --route-local-soft: #f7f2fb; --header-bg: rgba(255, 255, 255, 0.96); --header-bg-scrolled: rgba(255, 255, 255, 0.99); --header-text: #26375f; --header-hover: #eeedf8; } /* ================================================== TOUR INDEX 正式写真受領後は --top-hero-image を指定してください。例：url("../img/artist-main.webp") ================================================== */ body.theme-top { --accent-color: #16a9b8; --accent-deep: #18345f; --link-color: #137eaa; --page-bg: #f5f9fb; --surface-soft: #f3f8fa; --border-color: #d7e2e8; --header-bg: rgba(255, 255, 255, 0.96); --header-bg-scrolled: rgba(255, 255, 255, 0.99); --header-text: #18345f; --header-hover: #e5f5f7; --top-hero-image: url("../img/artist-main.webp"); --top-hero-position: center; }