/**
 * Trip mode colour schemes — override :root tokens while a trip is active.
 * Set via document.documentElement.dataset.tripTheme (see src/tripThemes.js).
 */

[data-trip-theme="japan"] {
    --carbon-black: #141018;
    --charcoal-blue: #2a1f35;
    --color-bg: #141018;
    --color-grouped: #2a1f35;
    --color-secondary: #352a42;
    --color-tertiary: #453550;
    --color-field-bg: #3d3048;
    --color-field-focus-bg: #4a3a58;
    --color-field-focus-border: rgba(188, 0, 45, 0.45);
    --color-accent: #bc002d;
    --color-success: #bc002d;
    --color-danger: #e63946;
    --color-warning: #f4a5ae;
    --color-fill: rgba(188, 0, 45, 0.22);
    --color-fill-subtle: rgba(188, 0, 45, 0.12);
    --color-segmented-active: #4a3548;
    --color-tab-bar: rgba(20, 16, 24, 0.94);
    --color-header-bg: rgba(20, 16, 24, 0.88);
    --color-picker-menu: rgba(42, 31, 53, 0.96);
    --color-chart-initials: #352a42;
    --gradient-hero: linear-gradient(145deg, #2a1f35 0%, #141018 100%);
    --gradient-trip-active: linear-gradient(145deg, rgba(188, 0, 45, 0.22) 0%, #2a1f35 100%);
    --gradient-auth-icon: linear-gradient(to bottom right, #bc002d, #8b001f);
    --color-auth-icon-glow: rgba(188, 0, 45, 0.28);
    --color-hero-glow: rgba(188, 0, 45, 0.14);
}

[data-trip-theme="europe"] {
    --carbon-black: #161c28;
    --charcoal-blue: #243044;
    --color-bg: #161c28;
    --color-grouped: #243044;
    --color-secondary: #2c3a52;
    --color-tertiary: #3a4d68;
    --color-field-bg: #33445c;
    --color-field-focus-bg: #3f5270;
    --color-field-focus-border: rgba(201, 162, 39, 0.45);
    --color-accent: #c9a227;
    --color-success: #3d7a5a;
    --color-danger: #c0392b;
    --color-warning: #d4a82a;
    --color-fill: rgba(201, 162, 39, 0.2);
    --color-fill-subtle: rgba(201, 162, 39, 0.1);
    --color-segmented-active: #3a4d68;
    --color-tab-bar: rgba(22, 28, 40, 0.94);
    --color-header-bg: rgba(22, 28, 40, 0.88);
    --color-picker-menu: rgba(36, 48, 68, 0.96);
    --color-chart-initials: #2c3a52;
    --gradient-hero: linear-gradient(145deg, #243044 0%, #161c28 100%);
    --gradient-trip-active: linear-gradient(145deg, rgba(201, 162, 39, 0.2) 0%, #243044 100%);
    --gradient-auth-icon: linear-gradient(to bottom right, #c9a227, #8b6914);
    --color-auth-icon-glow: rgba(201, 162, 39, 0.25);
    --color-hero-glow: rgba(201, 162, 39, 0.12);
}

[data-trip-theme="mediterranean"] {
    --carbon-black: #152228;
    --charcoal-blue: #1e3640;
    --color-bg: #152228;
    --color-grouped: #1e3640;
    --color-secondary: #264652;
    --color-tertiary: #335866;
    --color-field-bg: #2d4a56;
    --color-field-focus-bg: #3a5c6a;
    --color-field-focus-border: rgba(42, 157, 143, 0.45);
    --color-accent: #2a9d8f;
    --color-success: #2a9d8f;
    --color-danger: #e76f51;
    --color-warning: #e9c46a;
    --color-fill: rgba(42, 157, 143, 0.22);
    --color-fill-subtle: rgba(42, 157, 143, 0.12);
    --color-segmented-active: #335866;
    --color-tab-bar: rgba(21, 34, 40, 0.94);
    --color-header-bg: rgba(21, 34, 40, 0.88);
    --color-picker-menu: rgba(30, 54, 64, 0.96);
    --color-chart-initials: #264652;
    --gradient-hero: linear-gradient(145deg, #1e3640 0%, #152228 100%);
    --gradient-trip-active: linear-gradient(145deg, rgba(42, 157, 143, 0.22) 0%, #1e3640 100%);
    --gradient-auth-icon: linear-gradient(to bottom right, #2a9d8f, #e76f51);
    --color-auth-icon-glow: rgba(42, 157, 143, 0.25);
    --color-hero-glow: rgba(231, 111, 81, 0.12);
}

[data-trip-theme="scandinavia"] {
    --carbon-black: #1c2430;
    --charcoal-blue: #2e3a4a;
    --color-bg: #1c2430;
    --color-grouped: #2e3a4a;
    --color-secondary: #384858;
    --color-tertiary: #4a5a6e;
    --color-field-bg: #3f4f62;
    --color-field-focus-bg: #4d6078;
    --color-field-focus-border: rgba(91, 155, 213, 0.45);
    --color-accent: #5b9bd5;
    --color-success: #5b9bd5;
    --color-danger: #e07a5f;
    --color-warning: #c8d6e5;
    --color-fill: rgba(91, 155, 213, 0.22);
    --color-fill-subtle: rgba(91, 155, 213, 0.12);
    --color-segmented-active: #4a5a6e;
    --color-tab-bar: rgba(28, 36, 48, 0.94);
    --color-header-bg: rgba(28, 36, 48, 0.88);
    --color-picker-menu: rgba(46, 58, 74, 0.96);
    --color-chart-initials: #384858;
    --gradient-hero: linear-gradient(145deg, #2e3a4a 0%, #1c2430 100%);
    --gradient-trip-active: linear-gradient(145deg, rgba(91, 155, 213, 0.2) 0%, #2e3a4a 100%);
    --gradient-auth-icon: linear-gradient(to bottom right, #5b9bd5, #89b4d8);
    --color-auth-icon-glow: rgba(91, 155, 213, 0.25);
    --color-hero-glow: rgba(200, 214, 229, 0.1);
}

[data-trip-theme="caribbean"] {
    --carbon-black: #0d2137;
    --charcoal-blue: #16324f;
    --color-bg: #0d2137;
    --color-grouped: #16324f;
    --color-secondary: #1e4060;
    --color-tertiary: #285878;
    --color-field-bg: #224a6a;
    --color-field-focus-bg: #2d5c80;
    --color-field-focus-border: rgba(0, 180, 216, 0.45);
    --color-accent: #00b4d8;
    --color-success: #00b4d8;
    --color-danger: #ff6b6b;
    --color-warning: #ffd166;
    --color-fill: rgba(0, 180, 216, 0.22);
    --color-fill-subtle: rgba(0, 180, 216, 0.12);
    --color-segmented-active: #285878;
    --color-tab-bar: rgba(13, 33, 55, 0.94);
    --color-header-bg: rgba(13, 33, 55, 0.88);
    --color-picker-menu: rgba(22, 50, 79, 0.96);
    --color-chart-initials: #1e4060;
    --gradient-hero: linear-gradient(145deg, #16324f 0%, #0d2137 100%);
    --gradient-trip-active: linear-gradient(145deg, rgba(0, 180, 216, 0.22) 0%, #16324f 100%);
    --gradient-auth-icon: linear-gradient(to bottom right, #00b4d8, #ff6b6b);
    --color-auth-icon-glow: rgba(0, 180, 216, 0.28);
    --color-hero-glow: rgba(255, 107, 107, 0.12);
}