/* ============================================================
   VibeNote 官网 · 主题 token
   明暗两套均取自产品内置 Apple 主题（assets/themes/builtin.json）
   apple-light / apple-dark，语义映射供站点与界面重绘共用
   ============================================================ */
:root {
  color-scheme: light;
  /* apple-light 原色 */
  --vn-bg: #ffffff;
  --vn-bg-softer: #f5f5f7;
  --vn-bg-1: #f2f2f7;
  --vn-bg-2: #e5e5ea;
  --vn-bg-3: #d1d1d6;
  --vn-bg-4: #aeaeb2;
  --vn-fg: #1d1d1f;
  --vn-fg-1: #262629;
  --vn-fg-2: #3c3c3f;
  --vn-grey-2: #5a5a5e;
  --vn-grey-1: #808085;
  --vn-grey-0: #aeaeb2;
  --vn-grey-dim: #d1d1d6;
  --vn-accent: #007aff;
  --vn-orange: #ff9500;
  --vn-red: #ff3b30;
  --vn-green: #34c759;
  --vn-purple: #af52de;
  --vn-aqua: #5ac8fa;
  --vn-shadow-raw: 42, 38, 32;
  /* 站点语义 */
  --page: var(--vn-bg-softer);
  --page-2: var(--vn-bg);
  --ink: var(--vn-fg);
  --ink-1: var(--vn-fg-1);
  --ink-2: var(--vn-fg-2);
  --mut: var(--vn-grey-1);
  --dim: var(--vn-grey-0);
  --line: var(--vn-bg-2);
  --line-soft: var(--vn-bg-1);
  --brand: var(--vn-accent);
  --card: var(--vn-bg);
  --card-2: var(--vn-bg-1);
  /* 字体：与产品一致 */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "SF Mono", SFMono-Regular, ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;
  --shadow-win: 0 24px 64px rgba(var(--vn-shadow-raw), .16), 0 2px 8px rgba(var(--vn-shadow-raw), .08);
}
html[data-theme="dark"] {
  color-scheme: dark;
  /* apple-dark 原色 */
  --vn-bg: #1c1c1e;
  --vn-bg-softer: #161618;
  --vn-bg-1: #2c2c2e;
  --vn-bg-2: #3a3a3c;
  --vn-bg-3: #48484a;
  --vn-bg-4: #636366;
  --vn-fg: #ffffff;
  --vn-fg-1: #ebebf5;
  --vn-fg-2: #98989d;
  --vn-grey-2: #8e8e93;
  --vn-grey-1: #7c7c80;
  --vn-grey-0: #636366;
  --vn-grey-dim: #48484a;
  --vn-accent: #0169cc;
  --vn-orange: #ff9f0a;
  --vn-red: #ff453a;
  --vn-green: #30d158;
  --vn-purple: #bf5af2;
  --vn-aqua: #64d2ff;
  --vn-shadow-raw: 0, 0, 0;
  --page: var(--vn-bg-softer);
  --page-2: var(--vn-bg);
  --ink: var(--vn-fg);
  --ink-1: var(--vn-fg-1);
  --ink-2: var(--vn-fg-2);
  --mut: var(--vn-grey-2);
  --dim: var(--vn-grey-1);
  --line: var(--vn-bg-2);
  --line-soft: var(--vn-bg-1);
  --brand: var(--vn-accent);
  --card: var(--vn-bg);
  --card-2: var(--vn-bg-1);
  --shadow-win: 0 24px 64px rgba(var(--vn-shadow-raw), .55), 0 2px 8px rgba(var(--vn-shadow-raw), .4);
}