/* LiGaiZiT sea blue. Color-only layer; geometry, imagery and status colors stay owned by each page. */
:root {
  --lz-blue: #2457a7;
  --lz-page: #f5f7fa;
  --lz-ink: #202b38;
  --lz-muted: #4e5f73;
}

/* Atlas, wish wall and fallback page share the same light/dark palette. */
html[data-lz-page="atlas"] {
  --bg: #f5f7fa;
  --bg-deep: #e9eef5;
  --surface: rgba(255,255,255,.94);
  --surface-solid: #fff;
  --surface-soft: #ebf0f7;
  --text: #202b38;
  --text-soft: #4e5f73;
  --text-faint: #596b7f;
  --hairline: #cbd5e1;
  --sea: #dce8f0;
  --grid: rgba(36,87,167,.13);
  --land: #b3c2ce;
  --land-hover: #93a8bb;
  --accent: #2457a7;
  --accent-text: #fff;
  --unvisited: #8b9aa8;
  --shadow: 0 4px 8px rgba(32,43,56,.10);
  --shadow-small: 0 2px 6px rgba(32,43,56,.08);
}
html[data-lz-page="atlas"][data-theme="dark"] {
  --bg: #111923; --bg-deep: #0c131d;
  --surface: rgba(26,39,57,.96); --surface-solid: #1a2739; --surface-soft: #25364c;
  --text: #edf3fc; --text-soft: #bac9dc; --text-faint: #a6b8cf;
  --hairline: #465d78; --sea: #1c3048; --grid: rgba(176,206,247,.14);
  --land: #425b73; --land-hover: #5a7896;
  --accent: #a9cbfa; --accent-text: #132b4a; --unvisited: #71849b;
  --shadow: 0 4px 8px rgba(0,0,0,.2); --shadow-small: 0 2px 6px rgba(0,0,0,.18);
}
@media(prefers-color-scheme:dark) {
  html[data-lz-page="atlas"]:not([data-theme="light"]) {
    --bg: #111923; --bg-deep: #0c131d;
    --surface: rgba(26,39,57,.96); --surface-solid: #1a2739; --surface-soft: #25364c;
    --text: #edf3fc; --text-soft: #bac9dc; --text-faint: #a6b8cf;
    --hairline: #465d78; --sea: #1c3048; --grid: rgba(176,206,247,.14);
    --land: #425b73; --land-hover: #5a7896;
    --accent: #a9cbfa; --accent-text: #132b4a; --unvisited: #71849b;
    --shadow: 0 4px 8px rgba(0,0,0,.2); --shadow-small: 0 2px 6px rgba(0,0,0,.18);
  }
}

/* Existing handbook components already consume these semantic color pairs. */
body[data-handbook-theme="sea-blue"] {
  --handbook-deep: #152f50; --handbook-mid: #2457a7; --handbook-mid-2: #3267af;
  --handbook-paper: #f5f7fa; --handbook-ink: #202b38; --handbook-accent: #b8d4fa;
  --hb-page: #f5f7fa; --hb-page-soft: #e6edf6;
  --hb-deep: #152f50; --hb-surface: #1f4777; --hb-surface-2: #2457a7; --hb-surface-3: #3267af;
  --hb-on-dark: #fff; --hb-on-dark-muted: #dfeaf9;
  --hb-on-light: #202b38; --hb-on-light-muted: #4e5f73;
  --hb-accent: #b8d4fa; --hb-line-dark: rgba(255,255,255,.24);
  --hb-line-light: rgba(32,43,56,.18); --hb-action: #2457a7;
  --jungle: #1f4777; --deep: #152f50; --sea: #2457a7; --lagoon: #dce8f0;
  --sand: #dce8f0; --limestone: #f5f7fa; --ink: #202b38; --muted: #4e5f73; --white: #fff;
  --ui-paper: #f5f7fa; --ui-forest: #1f4777; --ui-text: #202b38; --ui-muted: #4e5f73;
  --refine-ink: #202b38; --refine-paper: #f5f7fa; --refine-gold: #b8d4fa;
  --customizer-ink: #202b38; --customizer-accent: #2457a7; --customizer-paper: #f5f7fa;
  --trip-ink: #202b38; --trip-deep: #152f50; --trip-green: #2457a7;
  --trip-paper: #f5f7fa; --trip-card: #fff; --trip-mint: #e6edf6; --trip-line: rgba(32,43,56,.18);
  --ui-focus-dark: #2457a7;
}
/* Cover overlays change tint only; the original photographs remain untouched. */
body[data-handbook-theme="sea-blue"] .hero.jungle-cover {
  background-color: var(--hb-deep);
}
body[data-handbook-theme="sea-blue"] .hero.jungle-cover::after {
  background: linear-gradient(90deg,rgba(9,25,49,.76),rgba(15,40,74,.42) 42%,rgba(14,37,69,.07) 76%),linear-gradient(rgba(8,23,44,.15),transparent 55%,rgba(9,25,49,.78));
}
body[data-handbook-theme="sea-blue"] .hero.jungle-cover .lede {
  background: rgba(21,47,80,.54); color: #fff;
}
body[data-handbook-theme="sea-blue"] :is(.jungle-cover-kicker,.hero.jungle-cover h1 em,.jungle-cover-bottom small,.jungle-cover-dates strong) {
  color: #d7e7ff !important;
}
body[data-handbook-theme="sea-blue"] .jungle-cover-kicker::before { background: #b8d4fa; }
body[data-handbook-theme="sea-blue"] .jungle-cover-tags span { background: rgba(245,247,250,.91); color: #202b38; }
body[data-handbook-theme="sea-blue"] :is(.flight-band,.shops-section,.movement-section,.food-section,.booking-section,.words-section,.stay-section,#food) :is(.section-no,.eyebrow) {
  color: #2457a7 !important;
}
body[data-handbook-theme="sea-blue"] :is(.fineprint,.movement-copy>p,.restaurant-foot span) { color: #4e5f73 !important; }
body[data-handbook-theme="sea-blue"] :is(.movement-copy>span,.phrase-grid>div>span) { color: #2457a7 !important; }
body[data-handbook-theme="sea-blue"] :is(.itinerary-customizer-launch,.trip-mode-launch,.mobile-nav-trigger) {
  background: #2457a7 !important; color: #fff !important;
}
body[data-handbook-theme="sea-blue"] .mobile-nav-trigger :is(span,b,i) { color: #fff !important; }
body[data-handbook-theme="sea-blue"] main>footer { background: #152f50 !important; color: #fff !important; }
body[data-handbook-theme="sea-blue"] .pulse-actions>a { background: #2457a7 !important; color: #fff !important; }
body[data-handbook-theme="sea-blue"] .skip-link { background: #2457a7; }
body[data-handbook-theme="sea-blue"][data-handbook-theme][data-handbook-theme] :is(.shop-actions a,.restaurant-actions a,.map-link) {
  background: #2457a7 !important; color: #fff !important;
}

/* Return-to-map bars keep their original sizing and navigation behavior. */
html[data-lz-page] :is(#lz-map-nav-top,#lz-map-nav-bottom) { background: #f5f7fa !important; color: #2457a7 !important; }
html[data-lz-page] :is(#lz-map-nav-top,#lz-map-nav-bottom) .lz-map-context { color: #4e5f73 !important; }
@media(prefers-color-scheme:dark) {
  html[data-lz-page] :is(#lz-map-nav-top,#lz-map-nav-bottom) { background: #1a2739 !important; color: #a9cbfa !important; }
  html[data-lz-page] :is(#lz-map-nav-top,#lz-map-nav-bottom) .lz-map-context { color: #bac9dc !important; }
}
/* Original-note and source pages: recolor the page chrome, never embedded originals. */
html[data-lz-page="appendix"] body { background: #f5f7fa; color: #202b38; }
html[data-lz-page="appendix"] a { color: #2457a7; }
html[data-lz-page="appendix"] :is(td,th,section,article,header,footer) { border-color: #cbd5e1; }
html[data-lz-page="appendix"] th { background: #e6edf6; }
html[data-lz-page="appendix"] :is(small,footer) { color: #4e5f73; }
@media print {
  html[data-lz-page="appendix"] body { background: #fff; }
  html[data-lz-page="appendix"] a { color: inherit; }
}