/* ==========================================================================
   喵君官网 · 设计令牌 (Design Tokens)
   风格方向：编辑式极简 / Editorial Minimal
   暖纸底 + 暖墨字 + 朱砂单强调色，发丝线分割，等宽栏标
   ========================================================================== */

:root {
  /* ---------- 色彩 ---------- */
  --color-bg: #f5f2ec;             /* 暖纸底 */
  --color-bg-elevated: #fbf9f5;   /* 卡片面 */
  --color-bg-deep: #16140f;        /* 深墨区块 */
  --color-bg-deep-2: #1f1c15;

  --color-ink: #16140f;            /* 暖近黑，正文 */
  --color-ink-soft: #46402f;       /* 次级标题 */
  --color-muted: #6e6757;          /* 辅助文字，对比度 5.1:1 */
  --color-muted-2: #8a8271;        /* 极弱注释，仅用于大字号或装饰 */

  --color-accent: #b3400e;         /* 朱砂，单一强调色 */
  --color-accent-deep: #8c310a;
  --color-accent-soft: rgba(179, 64, 14, 0.07);
  --color-accent-line: rgba(179, 64, 14, 0.28);

  --color-line: rgba(22, 20, 15, 0.12);
  --color-line-soft: rgba(22, 20, 15, 0.07);
  --color-line-strong: rgba(22, 20, 15, 0.26);

  --color-on-dark: #f2eee6;
  --color-on-dark-muted: #a9a294;
  --color-on-dark-line: rgba(242, 238, 230, 0.16);

  --color-success: #2f6b4f;
  --color-danger: #a53218;

  /* ---------- 字体 ---------- */
  --font-display: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --font-display-latin: "Fraunces", "Noto Serif SC", serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-label: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* ---------- 字阶（1.25 模数） ---------- */
  --fs-xs: 0.8125rem;   /* 13 */
  --fs-sm: 0.9375rem;   /* 15 */
  --fs-base: 1rem;      /* 16 */
  --fs-md: 1.125rem;    /* 18 */
  --fs-lg: 1.375rem;    /* 22 */
  --fs-xl: 1.75rem;     /* 28 */
  --fs-2xl: 2.25rem;    /* 36 */
  --fs-3xl: 3rem;       /* 48 */
  --fs-4xl: 4rem;       /* 64 */
  --fs-5xl: 5rem;       /* 80 */

  --lh-tight: 1.02;
  --lh-title: 1.18;
  --lh-body: 1.85;
  --ls-display: -0.025em;
  --ls-label: 0.16em;

  /* ---------- 间距 ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  --space-10: 176px;

  /* ---------- 圆角（克制） ---------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  /* ---------- 阴影（带环境色，非纯黑） ---------- */
  --shadow-1: 0 2px 8px rgba(40, 30, 12, 0.06);
  --shadow-2: 0 10px 30px rgba(40, 30, 12, 0.09);
  --shadow-3: 0 28px 70px rgba(40, 30, 12, 0.16);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---------- 布局 ---------- */
  --container: 1220px;
  --container-narrow: 940px;
  --gutter: clamp(20px, 5vw, 64px);
  --header-h: 76px;
}

/* 极简动效降级：用户系统开启「减弱动态效果」时全部静止 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
  }
}