/* 设计令牌。新增令牌必须同时补深色模式。 */

:root {
    color-scheme: light;

    /* 内容区 */
    --bg:               #F1F3F6;
    --surface:          #FFFFFF;
    --surface-alt:      #F7F9FB;
    --surface-hover:    #F4F7FA;
    --surface-active:   #E9EFF9;
    --surface-inset:    #F5F6F8;
    --overlay:          rgba(20, 24, 32, .45);

    --text:             #1F2430;
    --text-2:           #5A626F;
    --text-3:           #8C95A3;
    --text-inverse:     #FFFFFF;

    --border:           #DEE2E9;
    --border-2:         #EAEDF1;
    --border-3:         #C4CBD5;

    --accent:           #2B5AED;
    --accent-hover:     #1E47CB;
    --accent-text:      #1E47CB;
    --accent-soft:      #EAF0FE;
    --accent-ring:      rgba(43, 90, 237, .25);

    --success:          #157F45;
    --success-soft:     #E6F5EC;
    --warning:          #8A5A00;
    --warning-soft:     #FDF3E0;
    --danger:           #C22E22;
    --danger-soft:      #FCEBE9;
    --neutral-soft:     #EEF0F3;

    --knob:             #FFFFFF;

    /* 深色侧栏。石墨蓝灰，不用纯黑 */
    --nav-bg:           #242B38;
    --nav-bg-deep:      #1D2330;
    --nav-text:         #A6B0BF;
    --nav-text-strong:  #E9EDF3;
    --nav-hover:        #2E3644;
    --nav-border:       #313A48;
    --nav-brand:        #FFFFFF;

    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
            "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas,
                 "Liberation Mono", monospace;

    --fs-title: 16px;
    --fs-lg:    15px;
    --fs:       13px;
    --fs-sm:    12px;
    --fs-xs:    11px;

    --fw-medium:   500;
    --fw-semibold: 600;

    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-7: 32px;

    --radius-sm: 2px;
    --radius:    3px;
    --radius-md: 4px;
    --radius-pill: 999px;

    --shadow-pop: 0 6px 20px -6px rgba(16, 20, 28, .28);

    /* 外壳尺度 */
    --nav-w:        210px;
    --nav-w-mini:   56px;
    --topbar-h:     48px;
    --tabbar-h:     36px;
    --page-max:     1680px;

    /* 控件与表格尺度 */
    --h-control:    32px;
    --h-control-sm: 26px;
    --h-th:         40px;
    --h-row:        44px;

    --ease: cubic-bezier(.2, .6, .35, 1);
    --dur:  120ms;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;

        --bg:             #14181F;
        --surface:        #1B2029;
        --surface-alt:    #202631;
        --surface-hover:  #232A35;
        --surface-active:  #26303F;
        --surface-inset:  #191E26;
        --overlay:        rgba(0, 0, 0, .6);

        --text:           #E6EAF0;
        --text-2:         #9AA4B2;
        --text-3:         #6B7482;
        --text-inverse:   #14181F;

        --border:         #2C333F;
        --border-2:       #242B35;
        --border-3:       #3D4653;

        --accent:         #5B85FF;
        --accent-hover:   #7699FF;
        --accent-text:    #93AEFF;
        --accent-soft:    rgba(91, 133, 255, .14);
        --accent-ring:    rgba(91, 133, 255, .35);

        --success:        #4FBE83;
        --success-soft:   rgba(79, 190, 131, .14);
        --warning:        #D9A65B;
        --warning-soft:   rgba(217, 166, 91, .14);
        --danger:         #E8776B;
        --danger-soft:    rgba(232, 119, 107, .14);
        --neutral-soft:   #262D38;

        --knob:           #E6EAF0;

        --nav-bg:         #171C24;
        --nav-bg-deep:    #12161C;
        --nav-hover:      #212831;
        --nav-border:     #262E39;
    }
}