:root {
  --safe-top: max(env(safe-area-inset-top, 0px), var(--safe-top-fallback, 0px));
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--safe-bottom-fallback, 0px));
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --neutral-bg: #F0EFEB;
  --neutral-surface: #F5F1E9;
  --neutral-surface-raised: #FAF8F3;
  --text-primary: #292827;
  --text-secondary: #8D8B87;
  --text-tertiary: #AAA8A3;
  --border: #D8D5CE;
  --divider: #DEDCD6;
}

[data-theme="night"] {
  --neutral-bg: #1C1B19;
  --neutral-surface: #211F1D;
  --neutral-surface-raised: #27251F;
  --text-primary: #ECE9E4;
  --text-secondary: #A8A49D;
  --text-tertiary: #7A766F;
  --border: #38352F;
  --divider: #322F29;
}

/* 全屏铺满：内容延伸到状态栏与 Home Indicator 之下，消除与手机的分界。
   顶部叠一层极淡的深色渐变，保证 black-translucent 下的白色状态栏文字在任何壁纸上都可读。 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2147483647;
  height: calc(var(--safe-top) + 10px);
  background: linear-gradient(180deg, rgb(0 0 0 / 26%), rgb(0 0 0 / 0%));
  pointer-events: none;
}

[data-theme="day"]    { --accent: #A8BE9D; --accent-dark: #819C76; --accent-medium: #94AE89; --accent-soft: #E4EEDC; --accent-tint: #F3F8EA; }
[data-theme="night"]  { --accent: #4FB683; --accent-dark: #3A8F65; --accent-medium: #79C9A0; --accent-soft: #2E4A3C; --accent-tint: #24352C; }