/* ==========================================================================
   简方 JianFang · 设计令牌 Design Tokens
   取色基准：tw93.fun 实测样式表（#24292f / #f5f4ed / #9ca3af / #1d9bf0）
   ========================================================================== */

:root {
    color-scheme: light;

    /* ---- 背景 ---- */
    --bg: #f7f6f2;
    --bg-elevated: #ffffff;
    --bg-subtle: #f5f4ed;
    --bg-translucent: rgba(247, 246, 242, .82);

    /* ---- 文字 ---- */
    --text: #24292f;
    --text-secondary: #57606a;
    --text-muted: #9ca3af;

    /* ---- 线条 ---- */
    --border: #eae8e3;
    --border-strong: #dcd9d2;

    /* ---- 强调色（由后台覆盖，此处为朱砂红兜底） ---- */
    --accent: #b45864;
    --accent-soft: rgba(180, 88, 100, .10);

    /* ---- 链接与代码 ---- */
    --link: #1d9bf0;
    --code-bg: #f6f8fa;
    --code-text: #24292f;

    /* ---- 圆角 ---- */
    --radius: 8px;
    --radius-lg: 14px;
    --radius-full: 999px;

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

    /* ---- 布局 ----
     * 全站统一外框 --page-width 由「正文 + 目录」反推得出：
     * 正文 760 + 目录间距 44 + 目录 200 + 左右内边距 24×2 = 1052px
     * 改正文宽度或目录宽度，外框会自动跟着变。 */
    --content-width: 760px;   /* 正文舒适阅读行宽 */
    --toc-width: 200px;       /* 右侧目录宽 */
    --toc-gap: 44px;          /* 正文与目录的间距 */
    --page-width: calc(var(--content-width) + var(--toc-gap) + var(--toc-width) + 48px);
    --header-h: 64px;

    /* ---- 动效 ---- */
    --transition: 160ms ease;

    /* ---- 字体 ---- */
    --font-sans: "LXGW WenKai", "霞鹜文楷", "STKaiti", "KaiTi", "Kaiti SC",
        -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
        "Liberation Mono", monospace;
}

[data-theme="dark"] {
    color-scheme: dark;

    --bg: #15141a;
    --bg-elevated: #1d1c22;
    --bg-subtle: #232229;
    --bg-translucent: rgba(21, 20, 26, .82);

    --text: #edecee;
    --text-secondary: #b9bcc2;
    --text-muted: #7c8288;

    --border: #2c2b33;
    --border-strong: #3a3943;

    --accent: #d98b95;
    --accent-soft: rgba(217, 139, 149, .18);

    --link: #6cb6ff;
    --code-bg: #1b1a20;
    --code-text: #e6e6e6;
}