/*
 * 鲸鲸 · 全局配色（对齐《肥鱼悦聊》模板）
 * ---------------------------------------------------------------
 * 变量与 APK 的 assets/index.html 同源：
 *   浅色 #f2f3f5 / #ffffff / #111111 / #8a8f99 / #0099ff
 *   深色 #111315 / #1b1e21 / #e8eaed / #8b939c / #0a84ff
 */

:root {
  --bg: #f2f3f5;
  --surface: #ffffff;
  --surface-2: #f7f8fa;
  --surface-3: #eef1f4;
  --border: #e6e8eb;
  --text: #111111;
  --muted: #8a8f99;
  --faint: #a3a9b2;
  --accent: #0099ff;
  --accent-strong: #0088e6;
  --success: #31c48d;
  --warning: #d29922;
  --danger: #f05252;
  --user-bubble: #0099ff;
  --selection: #dcefff;
  --radius: 12px;
  --radius-sm: 8px;
  color-scheme: light;
}

:root[data-theme='dark'] {
  --bg: #111315;
  --surface: #1b1e21;
  --surface-2: #202428;
  --surface-3: #23272b;
  --border: #2b3035;
  --text: #e8eaed;
  --muted: #8b939c;
  --faint: #6f777f;
  --accent: #0a84ff;
  --accent-strong: #006fe0;
  --user-bubble: #0a84ff;
  --selection: #14324d;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #111315;
    --surface: #1b1e21;
    --surface-2: #202428;
    --surface-3: #23272b;
    --border: #2b3035;
    --text: #e8eaed;
    --muted: #8b939c;
    --faint: #6f777f;
    --accent: #0a84ff;
    --accent-strong: #006fe0;
    --user-bubble: #0a84ff;
    --selection: #14324d;
    color-scheme: dark;
  }
}

body {
  background-color: var(--bg);
  font-family: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;
  letter-spacing: 0;
}

/* 细滚动条 */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--surface-3) transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-thumb {
  background: #c7ccd3;
  border-radius: 999px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

::selection {
  background: var(--selection);
  color: var(--text);
}

button {
  transition: background-color 0.15s ease, color 0.15s ease;
}