/* ============ 设计系统 Design Tokens(前台后台共用)============ */

/* 浅色(默认) */
:root {
    --c-bg: #f7f8fa;
    --c-surface: #ffffff;
    --c-text: #1a1d24;
    --c-text-soft: #4b5563;
    --c-muted: #8b949e;
    --c-border: #e5e7eb;
    --c-primary: #5b6cff;
    --c-primary-soft: #eef0ff;
    --c-link: #5b6cff;
    --c-post: #5b6cff;
    --c-series: #0fb9a4;
    --shadow-sm: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
    --shadow-md: 0 4px 12px rgba(16,24,40,.06), 0 2px 4px rgba(16,24,40,.04);
    --shadow-lg: 0 12px 32px rgba(16,24,40,.08);
    --radius: 14px;
    --radius-sm: 10px;
    --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
    --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
    --w-shell: 1240px; --w-sidebar: 300px; --w-gap: 24px; --w-read: 720px;
}

/* 深色模式 ①:用户手动切换(html 标 data-theme="dark") */
[data-theme="dark"] {
    --c-bg: #0d1117;
    --c-surface: #161b22;
    --c-text: #e6edf3;
    --c-text-soft: #c9d1d9;
    --c-muted: #8b949e;
    --c-border: #30363d;
    --c-primary: #7c8cff;
    --c-primary-soft: #1c2238;
    --c-link: #7c8cff;
    --c-post: #7c8cff;
    --c-series: #2dd4bf;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,.35);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.4);
}

/* 深色模式 ②:跟随系统(仅当用户未手动选择时生效) */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        --c-bg: #0d1117;
        --c-surface: #161b22;
        --c-text: #e6edf3;
        --c-text-soft: #c9d1d9;
        --c-muted: #8b949e;
        --c-border: #30363d;
        --c-primary: #7c8cff;
        --c-primary-soft: #1c2238;
        --c-link: #7c8cff;
        --c-post: #7c8cff;
        --c-series: #2dd4bf;
        --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
        --shadow-md: 0 4px 12px rgba(0,0,0,.35);
        --shadow-lg: 0 12px 32px rgba(0,0,0,.4);
    }
}