/* 设计变量：全站颜色集中在这里，改主题只需改变量 */
:root {
    /* 主色 */
    --c-primary: #2563eb;
    --c-primary-strong: #1d4ed8;
    --c-primary-soft: #eef2ff;

    /* 文字 */
    --c-heading: #111;
    --c-text: #333;
    --c-text-2: #475569;
    --c-muted: #64748b;
    --c-faint: #94a3b8;

    /* 背景与描边 */
    --c-surface: #ffffff;
    --c-bg: #f8fafc;
    --c-bg-soft: #f1f5f9;
    --c-border: #e5e7eb;
    --c-border-strong: #d1d5db;

    /* 圆角与间距 */
    --radius-sm: 6px;
    --radius: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;
}

html[data-theme="dark"] {
    --c-primary: #3b82f6;
    --c-primary-strong: #60a5fa;
    --c-primary-soft: #16233c;

    --c-heading: #e2e8f0;
    --c-text: #cbd5e1;
    --c-text-2: #a8b6cc;
    --c-muted: #8b9ab1;
    --c-faint: #7c8aa0;

    --c-surface: #0f172a;
    --c-bg: #0b1220;
    --c-bg-soft: #111c33;
    --c-border: #1e293b;
    --c-border-strong: #24324a;
}