/* ========================================================================
   莫兰迪文艺 · 设计 Tokens
   色调克制、低饱和、有灰度，适合衬托"作品"与"人"
   ======================================================================== */

:root {
  /* ---------- 色彩 ---------- */
  /* 主色：雾粉 */
  --c-mist-rose: #d4c5c9;
  --c-mist-rose-deep: #b9a4ab;
  /* 辅色：雾蓝 */
  --c-mist-blue: #b8c5cc;
  --c-mist-blue-deep: #97a8b1;
  /* 辅色：雾绿 */
  --c-mist-green: #c2ccbe;
  /* 辅色：奶咖 */
  --c-mocha: #c9b8a8;
  /* 背景层 */
  --c-bg: #f5f1ec;          /* 米白主背景 */
  --c-bg-soft: #efe9e2;     /* 次级背景 */
  --c-bg-card: #fbf8f4;     /* 卡片背景 */
  /* 文字 */
  --c-ink: #3d3935;         /* 正文墨色 */
  --c-ink-soft: #6b635c;    /* 次级文字 */
  --c-ink-mute: #978d85;    /* 弱化文字 */
  --c-line: #e3dccf4d;      /* 分割线 */
  /* 强调（克制） */
  --c-accent: #b08d7a;      /* 奶咖棕，用于点睛 */

  /* ---------- 字体 ---------- */
  --ff-serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;
  --ff-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Arial, sans-serif;

  /* ---------- 字号（移动优先，rem 基于 16px） ---------- */
  --fs-display: 2.4rem;   /* 首屏大标题 */
  --fs-h1: 1.75rem;
  --fs-h2: 1.4rem;
  --fs-h3: 1.15rem;
  --fs-body: 0.95rem;
  --fs-small: 0.82rem;
  --fs-caption: 0.72rem;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* ---------- 圆角 ---------- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---------- 阴影（极淡，莫兰迪忌重影） ---------- */
  --shadow-sm: 0 1px 2px rgba(61, 57, 53, 0.04);
  --shadow-md: 0 4px 18px rgba(61, 57, 53, 0.06);
  --shadow-lg: 0 12px 40px rgba(61, 57, 53, 0.08);

  /* ---------- 容器 ---------- */
  --container-max: 480px;  /* WAP 单列，窄容器更像 App */
  --container-pad: 20px;
}

/* ---------- 深色模式（可选，文艺风也可用雾夜） ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #2a2724;
    --c-bg-soft: #322e2a;
    --c-bg-card: #38332e;
    --c-ink: #ece6df;
    --c-ink-soft: #b8aea3;
    --c-ink-mute: #8a8077;
    --c-line: #ffffff14;
  }
}