/* 蓝莓精肥大模型标注平台 · 设计令牌
 * 风格：SaaS 控制台 · 蓝莓精简（light neutral + blueberry accent）
 * 布局：左侧固定导航 + 顶部页头 + 内容区 + 贴底页脚
 */

:root {
    /* ---- 品牌：蓝莓 ---- */
    --brand-50:  #F1F2FD;
    --brand-100: #E3E5FA;
    --brand-200: #C8CCF4;
    --brand-300: #A3AAEB;
    --brand-400: #7B84DE;
    --brand-500: #5A62C9;
    --brand-600: #4850B4;
    --brand-700: #3B4296;
    --brand-800: #2F3475;
    --brand-900: #23264F;

    /* ---- 中性：带极淡蓝莓灰调 ---- */
    --n-0:   #FFFFFF;
    --n-25:  #FBFBFD;
    --n-50:  #F6F7FA;
    --n-100: #EFF0F5;
    --n-200: #E3E5EC;
    --n-300: #CFD2DC;
    --n-400: #A6ABBA;
    --n-500: #7A8090;
    --n-600: #5B6070;
    --n-700: #414653;
    --n-800: #2B2F3A;
    --n-900: #1B1E26;

    /* ---- 语义色 ---- */
    --success:      #12805C;
    --success-bg:   #E6F5F0;
    --success-line: #A9DCCA;
    --warning:      #A15C07;
    --warning-bg:   #FDF3E4;
    --warning-line: #F0CD98;
    --danger:       #C0392B;
    --danger-bg:    #FBECEA;
    --danger-line:  #EFB9B2;
    --info:         var(--brand-600);
    --info-bg:      var(--brand-50);
    --info-line:    var(--brand-200);

    /* ---- 语义映射 ---- */
    --bg-app:        var(--n-50);
    --bg-surface:    var(--n-0);
    --bg-subtle:     var(--n-100);
    --bg-hover:      var(--n-100);
    --bg-sidebar:    var(--n-0);
    --bg-inverse:    var(--n-900);

    --text-strong:   var(--n-900);
    --text-default:  var(--n-800);
    --text-muted:    var(--n-500);
    --text-faint:    var(--n-400);
    --text-invert:   var(--n-0);
    --text-brand:    var(--brand-600);

    --border:        var(--n-200);
    --border-strong: var(--n-300);
    --focus-ring:    var(--brand-400);

    /* ---- 字体 ---- */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
                 "Noto Sans SC", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                 "Liberation Mono", monospace;

    --fs-11: 0.6875rem;
    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-24: 1.5rem;
    --fs-30: 1.875rem;

    --lh-tight: 1.3;
    --lh-body:  1.6;

    /* ---- 间距（4/8 节奏，密集型控制台） ---- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;

    /* ---- 形状 ---- */
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-full: 999px;

    --sh-xs: 0 1px 2px rgba(27, 30, 38, 0.05);
    --sh-sm: 0 1px 3px rgba(27, 30, 38, 0.07), 0 1px 2px rgba(27, 30, 38, 0.04);
    --sh-md: 0 4px 12px rgba(27, 30, 38, 0.08), 0 1px 3px rgba(27, 30, 38, 0.05);
    --sh-lg: 0 12px 32px rgba(27, 30, 38, 0.14), 0 2px 8px rgba(27, 30, 38, 0.06);

    /* ---- 动效 ---- */
    --ease: cubic-bezier(0.2, 0, 0.2, 1);
    --dur-1: 120ms;
    --dur-2: 200ms;

    /* ---- 结构尺寸 ---- */
    --sidebar-w: 232px;
    --topbar-h: 56px;
    --content-max: 1280px;

    --z-sticky: 30;
    --z-drawer: 60;
    --z-modal: 70;
    --z-toast: 90;
}