/* 设计令牌：新版权益全部收敛在 :root + data-theme，不污染旧站 */

:root {
    --hy-space-1: 4px;
    --hy-space-2: 8px;
    --hy-space-3: 12px;
    --hy-space-4: 16px;
    --hy-space-5: 24px;
    --hy-space-6: 32px;
    --hy-space-7: 48px;

    --hy-radius-sm: 8px;
    --hy-radius-md: 12px;
    --hy-radius-lg: 18px;
    --hy-radius-pill: 999px;

    --hy-font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;

    --hy-z-topnav: 40;
    --hy-z-bottomnav: 40;
    --hy-z-modal: 100;
    --hy-z-toast: 120;

    --hy-topbar-h: 60px;
    --hy-bottomnav-h: 60px;
    --hy-content-max: 1080px;
    --hy-content-wide: 1640px;

    --hy-transition: 160ms ease;
}

/* 站点级背景：深色画布 + 双色氛围光（暖橙品牌 + 冷蓝纵深） */
:root[data-theme="dark"] {
    --hy-bg-wash:
        radial-gradient(900px 480px at 12% -6%, rgba(255, 142, 60, .07), transparent 62%),
        radial-gradient(1100px 560px at 88% -10%, rgba(103, 142, 255, .07), transparent 60%),
        radial-gradient(760px 420px at 50% 110%, rgba(128, 217, 255, .04), transparent 65%);
}

:root[data-theme="light"] {
    --hy-bg-wash:
        radial-gradient(900px 480px at 12% -6%, rgba(255, 142, 60, .08), transparent 62%),
        radial-gradient(1100px 560px at 88% -10%, rgba(103, 142, 255, .06), transparent 60%);
}

/* 暗色（默认） */
:root[data-theme="dark"] {
    --hy-bg: #101014;
    --hy-bg-soft: #17171d;
    --hy-surface: #1d1d25;
    --hy-surface-2: #26262f;
    --hy-border: #2e2e3a;
    --hy-text: #ececf1;
    --hy-text-muted: #9a9aa6;
    --hy-text-faint: #6d6d7a;
    --hy-accent: #6c5ce7;
    --hy-accent-strong: #7d6ff0;
    --hy-accent-contrast: #ffffff;
    --hy-danger: #e05555;
    --hy-success: #3ecf8e;
    --hy-warning: #e6a23c;
    --hy-shadow-1: 0 1px 3px rgba(0, 0, 0, .4);
    --hy-shadow-2: 0 8px 28px rgba(0, 0, 0, .5);
    --hy-scrim: rgba(8, 8, 12, .66);
}

/* 亮色 */
:root[data-theme="light"] {
    --hy-bg: #f5f5f8;
    --hy-bg-soft: #ffffff;
    --hy-surface: #ffffff;
    --hy-surface-2: #f0f0f5;
    --hy-border: #e2e2ea;
    --hy-text: #1c1c24;
    --hy-text-muted: #5f5f6e;
    --hy-text-faint: #9494a3;
    --hy-accent: #5b4bd6;
    --hy-accent-strong: #4c3ec4;
    --hy-accent-contrast: #ffffff;
    --hy-danger: #d14444;
    --hy-success: #27a86d;
    --hy-warning: #c9871c;
    --hy-shadow-1: 0 1px 3px rgba(20, 20, 40, .1);
    --hy-shadow-2: 0 8px 24px rgba(20, 20, 40, .14);
    --hy-scrim: rgba(30, 30, 45, .4);
}

@media (prefers-contrast: more) {
    :root {
        --hy-border: currentColor;
    }
    :root[data-theme="dark"] {
        --hy-text-muted: #c4c4d0;
    }
    :root[data-theme="light"] {
        --hy-text-muted: #3a3a48;
    }
}