/* ===== Design Tokens —— 通用前端设计系统 Token ===== */
:root {
    /* 主色 / 品牌 */
    --primary-brand: #457DFF;
    --primary-bg: #356BEA;
    --primary-bg-hover: #2858C8;
    --primary-bg-active: #1E48AA;
    --primary-weak: #EEF5FF;

    /* 背景 */
    --bg-page: #F6F8FC;
    --bg-surface: #FBFCFE;
    --bg-elevated: #FBFCFE;

    /* 文字 */
    --text-main: #1E2530;
    --text-secondary: #4D5868;
    --text-muted: #5C6675;

    /* 边框 / 焦点 */
    --border-default: #DCE3EE;
    --focus-ring: #72B1FF;

    /* 状态色 - Info */
    --status-info-bg: #EEF5FF;
    --status-info-text: #2858C8;
    --status-info-border: #457DFF;

    /* 状态色 - Success */
    --status-success-bg: #EAF8F0;
    --status-success-text: #1F7A4D;
    --status-success-border: #30A46C;

    /* 状态色 - Warning */
    --status-warning-bg: #FFF4D6;
    --status-warning-text: #7A4B00;
    --status-warning-border: #F1AF20;

    /* 状态色 - Danger */
    --status-danger-bg: #FFECEC;
    --status-danger-text: #B42318;
    --status-danger-border: #E65757;

    /* 状态色 - Neutral */
    --status-neutral-bg: #F2F4F7;
    --status-neutral-text: #4D5868;
    --status-neutral-border: #DCE3EE;

    /* 字体 */
    --font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
        "PingFang SC", "Microsoft YaHei", sans-serif;
    --text-table: 13px;
    --text-body: 14px;
    --text-mobile: 16px;
    --text-title: 22px;
    --text-metric: 28px;
    --line-compact: 1.4;
    --line-normal: 1.5;
    --line-reading: 1.6;

    /* 间距 */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;

    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-pill: 999px;

    /* 阴影 - 仅用于浮层 */
    --shadow-sm: 0 1px 2px rgba(30, 37, 48, 0.06);
    --shadow-md: 0 4px 12px rgba(30, 37, 48, 0.08);
    --shadow-lg: 0 12px 32px rgba(30, 37, 48, 0.12);

    /* 动效 */
    --motion-fast: 120ms ease;
    --motion-base: 220ms ease;
    --motion-slow: 360ms ease;

    /* 层级 */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 400;
    --z-toast: 500;
    --z-tooltip: 600;

    /* Header / TopBar */
    --header-height: 56px;
}