:root {
  color-scheme: light;
  --page-bg: #F4F8FB;
  --card-bg: #FFFFFF;
  --soft-blue: #EAF4FB;
  --soft-warm: #FFF8F1;
  --navy-900: #0D2B46;
  --navy-700: #244A68;
  --blue-600: #1673B8;
  --blue-500: #278BCB;
  --blue-100: #EAF5FC;
  --teal-500: #31B6A3;
  --teal-100: #EAF9F6;
  --orange-500: #F59A3D;
  --orange-100: #FFF3E5;
  --green-500: #42B88A;
  --red-500: #EF6470;
  --text-main: #17324A;
  --text-secondary: #61768A;
  --text-muted: #8FA1B2;
  --line: #E2EBF2;
  --shadow: rgba(18, 52, 77, 0.08);
  --shadow-sm: 0 6px 24px rgba(18, 52, 77, .07);
  --shadow-lg: 0 16px 42px rgba(18, 52, 77, .10);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --sidebar-width: 164px;
  --trip-page-bg: linear-gradient(180deg, #e8f7ff 0, #f3faff 250px, #f7fbfd 100%);
  --trip-hero-art: url("../assets/images/home-hero-tokyo-cruise-v2.png");
  --feature-icon-bg: #edf8ff;
  --feature-icon-color: #006bb5;
  --page-title-size: 32px;
  --card-title-size: 17px;
  --content-max: 1440px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}