:root {
  color-scheme: light;
  --font-sans: "Avenir Next", Avenir, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, sans-serif;
  --map-ink: #15263a;
  --map-muted: #617083;
  --map-surface: #f4f7f8;
  --map-card: rgba(255, 255, 255, 0.9);
  --accent: #ef645b;
  --radius-small: 14px;
  --radius-medium: 22px;
  --radius-large: 30px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --sky-top: #9dc8ec;
  --sky-middle: #d7e3ee;
  --sky-horizon: #ffd0a7;
  --surface-color: #527b88;
  --silhouette-far: #6d7b8b;
  --silhouette-near: #2d4651;
  --shore-color: #172f34;
  --scene-text: #18273a;
  --scene-muted: rgba(24, 39, 58, 0.72);
  --panel-bg: rgba(245, 248, 249, 0.74);
  --panel-strong: rgba(255, 255, 255, 0.84);
  --panel-border: rgba(255, 255, 255, 0.6);
  --panel-shadow: rgba(10, 21, 35, 0.15);
  --star-opacity: 0;
  --orb-opacity: 0.9;
  --orb-y: 66.4%;
  --sky-glow-opacity: 0.93;
  --reflection-opacity: 0.68;
  --city-glow-alpha: 0.04;
  --light-progress: 0.16;
  --day-opacity: 0.68;
  --sunset-opacity: 0.32;
  --night-opacity: 0;
}