:root {
  color-scheme: light;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", "Microsoft YaHei", sans-serif;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --app-max: 480px;
  --navbar-h: 44px;
  --tabbar-h: 64px;
  --tabbar-bottom: max(12px, calc(var(--safe-bottom) - 10px));
  --tabbar-space: calc(var(--tabbar-h) + var(--tabbar-bottom) + 16px);

  --radius-xs: 4px;
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 12px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-glass: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.3s;

  --bg: #ededed;
  --bg-plain: #ffffff;
  --surface: #ffffff;
  --text: #191919;
  --text-2: #b2b2b2;
  --text-3: #d8d8d8;
  --separator: rgba(0, 0, 0, 0.1);
  --accent: #07c160;
  --badge: #fa5151;
  --on-accent: #ffffff;
  --fill: rgba(0, 0, 0, 0.05);
  --thumb: #ffffff;
  --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.1);
  --bar-bg: #ededed;
  --search-fill: #e4e4e4;
  --contact-new: #fa9d3b;
  --contact-group: #07c160;
  --contact-assist: #10aeff;
  --contact-index: #888888;
  --me-fav: #ffc300;
  --me-moments: #10aeff;
  --me-cards: #fa9d3b;
  --me-sticker: #ffc300;
  --me-settings: #636363;

  --glass-bg: rgba(255, 255, 255, 0.28);
  --glass-hi: rgba(255, 255, 255, 0.9);
  --glass-hi-soft: rgba(255, 255, 255, 0.55);
  --glass-edge: rgba(0, 0, 0, 0.45);
  --glass-shadow: rgba(0, 0, 0, 0.16);
  --tab-active: #007aff;
  --lens-idle: rgba(120, 120, 128, 0.16);
  --lens-bg: rgba(255, 255, 255, 0.62);
  --lens-hi: rgba(255, 255, 255, 0.95);
  --lens-hi-soft: rgba(255, 255, 255, 0.6);
  --lens-edge: rgba(0, 0, 0, 0.35);
  --lens-shadow: rgba(0, 0, 0, 0.12);

  --chat-bg: #ededed;
  --chat-bar: #f7f7f7;
  --chat-input: #ffffff;
  --chat-send: #07c160;
  --bubble-self: #95ec69;
  --bubble-self-text: #191919;
  --bubble-other: #ffffff;
  --bubble-other-text: #191919;
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #111111;
  --bg-plain: #111111;
  --surface: #191919;
  --text: #d4d4d4;
  --text-2: #7a7a7a;
  --text-3: #3f3f3f;
  --separator: rgba(255, 255, 255, 0.1);
  --accent: #07c160;
  --badge: #fa5151;
  --fill: rgba(255, 255, 255, 0.05);
  --thumb: #48484a;
  --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.4);
  --bar-bg: #111111;
  --search-fill: rgba(255, 255, 255, 0.1);
  --contact-new: #c87a2f;
  --contact-group: #059a4c;
  --contact-assist: #0d8fd4;
  --contact-index: #8e8e93;
  --me-fav: #c99a00;
  --me-moments: #0d8fd4;
  --me-cards: #c87a2f;
  --me-sticker: #c99a00;
  --me-settings: #8e8e93;

  --glass-bg: rgba(30, 30, 32, 0.55);
  --glass-hi: rgba(255, 255, 255, 0.18);
  --glass-hi-soft: rgba(255, 255, 255, 0.08);
  --glass-edge: rgba(255, 255, 255, 0.12);
  --glass-shadow: rgba(0, 0, 0, 0.5);
  --tab-active: #0a84ff;
  --lens-idle: rgba(235, 235, 245, 0.14);
  --lens-bg: rgba(120, 120, 128, 0.36);
  --lens-hi: rgba(255, 255, 255, 0.22);
  --lens-hi-soft: rgba(255, 255, 255, 0.1);
  --lens-edge: rgba(255, 255, 255, 0.12);
  --lens-shadow: rgba(0, 0, 0, 0.4);

  --chat-bg: #111111;
  --chat-bar: #191919;
  --chat-input: #2c2c2e;
  --bubble-self: #2b9952;
  --bubble-self-text: #ffffff;
  --bubble-other: #2c2c2e;
  --bubble-other-text: #ffffff;
}