/* =========================================================
   theme.css · 主题令牌（颜色 / 玻璃材质 / 动效参数）
   ---------------------------------------------------------
   说明：
   - 全部颜色通过 CSS 变量下发，html[data-theme] 切换浅色 / 暗色
   - 玻璃材质三件套：半透明底色 + backdrop-filter 模糊 + 顶部内侧高光
   - 当前状态色（在线绿 / 离开橙 / 忙碌红）由 body[data-status] 驱动
   ========================================================= */

:root {
  /* ---------- 字体栈（优先苹果系统字体） ---------- */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;

  /* ---------- 三种状态色（Apple 系配色） ---------- */
  --c-online: #30d158;   /* 在线 · 清新绿 */
  --c-away:   #ff9f0a;   /* 离开 · 暖橙 */
  --c-busy:   #ff453a;   /* 忙碌 · 警示红 */

  /* ---------- 动效参数 ---------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);   /* 顺滑减速曲线（入场/hover 通用） */
  --dur-theme: 0.5s;                         /* 主题切换过渡时长 */

  /* ---------- 强调色（按钮 / 焦点 / 主题按钮） ---------- */
  --accent: #0a84ff;

  /* ---------- 头像状态圆点的描边色（区分两种主题下的"悬浮环"） ---------- */
  --avatar-ring: #ffffff;
}

/* ========== 浅色主题（默认） ========== */
:root,
html[data-theme="light"] {
  color-scheme: light;

  --text-1: #1d1d1f;                          /* 主文字 */
  --text-2: #71717a;                          /* 次级文字 */
  --text-3: #a5a5ac;                          /* 弱化文字 */

  /* 玻璃材质：通透但不影响可读性 */
  --glass:        rgba(255, 255, 255, 0.55);  /* 常规卡片底 */
  --glass-strong: rgba(255, 255, 255, 0.80);  /* 弹窗等需要更高对比的底 */
  --glass-border: rgba(255, 255, 255, 0.80);  /* 玻璃描边（亮边） */
  --glass-inner:  rgba(255, 255, 255, 0.95);  /* 顶部内侧高光 */

  /* 阴影：大半径 + 低透明度，柔和有空气感 */
  --shadow-sm: 0 4px 16px rgba(31, 35, 48, 0.06);
  --shadow-md: 0 10px 40px rgba(31, 35, 48, 0.10);
  --shadow-lg: 0 24px 60px rgba(31, 35, 48, 0.16);

  /* 背景光斑（浅色系：柔和马卡龙色） */
  --blob-1: #7fb3ff;
  --blob-2: #ff9ecb;
  --blob-3: #b39cff;
  --blob-4: #7ce8c8;
  --blob-opacity: 0.55;
}

/* ========== 暗色主题 ========== */
html[data-theme="dark"] {
  color-scheme: dark;

  --text-1: #f5f5f7;
  --text-2: #a8a8af;
  --text-3: #6f6f78;

  /* 暗色下玻璃更"石墨"，保持文字对比度 */
  --glass:        rgba(255, 255, 255, 0.07);
  --glass-strong: rgba(42, 44, 62, 0.78);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-inner:  rgba(255, 255, 255, 0.16);

  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.60);

  /* 背景光斑（暗色系：低亮度霓虹色） */
  --blob-1: #2f6bff;
  --blob-2: #ff3d8a;
  --blob-3: #7a5cff;
  --blob-4: #0ec2a5;
  --blob-opacity: 0.28;

  --avatar-ring: #17181f;
}

/* ========== 当前状态色：由 body[data-status] 决定，供全局引用 --status ========== */
body                                    { --status: var(--c-online); }
body[data-status="online"] { --status: var(--c-online); }
body[data-status="away"]   { --status: var(--c-away); }
body[data-status="busy"]   { --status: var(--c-busy); }