/* テーマ変数の一元管理（index.html / trip.html 共通）
   新テーマ追加時はここと両HTMLの sTheme select、app-common.js の THEME_COLORS を更新する */

:root {
    --bg: #f5f0e8;
    --surface: #fdfaf5;
    --surface2: #f0ebe0;
    --ink: #1a1208;
    --ink2: #5c4f3a;
    --ink3: #9a8e7a;
    --gold: #b8965a;
    --gold-light: #e8d5b0;
    --gold-dim: rgba(184, 150, 90, 0.15);
    --line: rgba(184, 150, 90, 0.35);
    --white: #fffdf9;
    --shadow: rgba(26, 18, 8, 0.08);
    --shadow2: rgba(26, 18, 8, 0.16);

    /* trip.html のカテゴリ色 */
    --cat-flight: #4a7cb5;
    --cat-hotel: #8b7355;
    --cat-dining: #c4593a;
    --cat-sight: #4a8b6a;
    --cat-transport: #7b5ea7;
    --cat-other: #6b7280;
    --cat-shopping: #e07b39;
    --cat-leisure: #2a9d8f;

    /* index.html のエリアバッジ色 */
    --area-domestic: #4a8b6a;
    --area-asia: #c4593a;
    --area-europe: #4a7cb5;
    --area-na: #7b5ea7;
    --area-sa: #d97736;
    --area-oceania: #3a9e9e;
    --area-africa: #8b7355;
    --area-other: #6b7280;
}

[data-theme="dark"] {
    --bg: #0d0f1a;
    --surface: #151828;
    --surface2: #1e2235;
    --ink: #e8eaf6;
    --ink2: #9ea3c0;
    --ink3: #5c6280;
    --gold: #7c8cf8;
    --gold-light: #3d4580;
    --gold-dim: rgba(124, 140, 248, 0.15);
    --line: rgba(124, 140, 248, 0.22);
    --white: #151828;
    --shadow: rgba(0, 0, 0, 0.35);
    --shadow2: rgba(0, 0, 0, 0.55);
    --cat-flight: #6fa3f7;
    --cat-hotel: #b8a070;
    --cat-dining: #f07857;
    --cat-sight: #5ab888;
    --cat-transport: #a880e8;
    --cat-other: #8b93a8;
    --cat-shopping: #f09550;
    --cat-leisure: #3bbfaa;
}

[data-theme="feminine"] {
    --bg: #fdf0f5;
    --surface: #fff5f8;
    --surface2: #fce4ef;
    --ink: #2d1624;
    --ink2: #7d4060;
    --ink3: #b888a0;
    --gold: #d4567a;
    --gold-light: #f5bcd0;
    --gold-dim: rgba(212, 86, 122, 0.12);
    --line: rgba(212, 86, 122, 0.28);
    --white: #fff8fb;
    --shadow: rgba(45, 22, 36, 0.06);
    --shadow2: rgba(45, 22, 36, 0.13);
    --cat-flight: #5b8de0;
    --cat-hotel: #c4a882;
    --cat-dining: #e8604a;
    --cat-sight: #50b87a;
    --cat-transport: #9a70d0;
    --cat-other: #9098a8;
    --cat-shopping: #e88845;
    --cat-leisure: #45b898;
}

[data-theme="ocean"] {
    --bg: #eef4f5;
    --surface: #f8fcfd;
    --surface2: #e2edef;
    --ink: #0e2a30;
    --ink2: #3d5f66;
    --ink3: #7fa0a6;
    --gold: #2e7d8c;
    --gold-light: #a8d3dc;
    --gold-dim: rgba(46, 125, 140, 0.13);
    --line: rgba(46, 125, 140, 0.3);
    --white: #fbfeff;
    --shadow: rgba(14, 42, 48, 0.08);
    --shadow2: rgba(14, 42, 48, 0.16);
}

[data-theme="forest"] {
    --bg: #eef2ea;
    --surface: #f7faf4;
    --surface2: #e3ead9;
    --ink: #1c2415;
    --ink2: #4a5a3a;
    --ink3: #8a9a78;
    --gold: #5b7c4a;
    --gold-light: #c2d4ae;
    --gold-dim: rgba(91, 124, 74, 0.14);
    --line: rgba(91, 124, 74, 0.32);
    --white: #fbfdf8;
    --shadow: rgba(28, 36, 21, 0.08);
    --shadow2: rgba(28, 36, 21, 0.16);
}

[data-theme="mono"] {
    --bg: #f2f2f0;
    --surface: #fafaf8;
    --surface2: #e8e8e5;
    --ink: #1a1a18;
    --ink2: #4d4d4a;
    --ink3: #989892;
    --gold: #3a3a38;
    --gold-light: #cfcfc9;
    --gold-dim: rgba(58, 58, 56, 0.1);
    --line: rgba(58, 58, 56, 0.25);
    --white: #ffffff;
    --shadow: rgba(26, 26, 24, 0.08);
    --shadow2: rgba(26, 26, 24, 0.16);
}