/* ============================================================
   猫起来 MAOQILAI · ERP 设计令牌 (Design Tokens)
   来源：deliverables/design-system/temu-erp-redesign-v2.html
         （V2 大胆版 · 最终定稿，靛紫体系）
   规则：所有颜色 / 圆角 / 阴影 / 字体 ONLY 从这里取，
         业务 CSS 禁止硬编码色值。
   ============================================================ */

:root {
    /* —— 品牌主色（靛紫体系 · 定稿）—— */
    --g-primary:   #4F46E5;   /* 主靛蓝 */
    --g-primary-2: #7C3AED;   /* 主紫（渐变终点） */
    --g-cyan:      #06B6D4;   /* 青 */
    --g-cyan-2:    #3B82F6;   /* 青蓝（渐变终点） */
    --g-emerald:   #10B981;   /* 翠绿 */
    --g-emerald-2: #14B8A6;   /* 青绿（渐变终点） */
    --g-warn:      #F97316;   /* 橙（行动 / 预警） */
    --g-warn-2:    #F43F5E;   /* 玫红（预警渐变终点） */
    --g-violet:    #8B5CF6;   /* 紫罗兰 */
    --g-violet-2:  #A78BFA;   /* 浅紫（渐变终点） */

    /* —— 深空 / 背景 / 文字 —— */
    --sidebar-1: #0B0E1F;     /* 侧边栏深空底 */
    --sidebar-2: #191233;     /* 侧边栏渐变底 */
    --bg-app:    #F5F7FB;     /* 应用底色 */
    --text-900:  #0F172A;     /* 主文字 */
    --text-700:  #334155;     /* 次级文字 */
    --text-500:  #64748B;     /* 弱化文字 */
    --text-300:  #94A3B8;     /* 占位文字 */
    --line:      #E5E9F2;     /* 分隔线 / 描边 */

    /* —— 圆角 —— */
    --r-sm: 10px;
    --r-md: 14px;
    --r-lg: 22px;

    /* —— 阴影 —— */
    --shadow-sm: 0 2px 6px rgba(20,23,42,.06);
    --shadow-md: 0 8px 24px -8px rgba(20,23,42,.18);
    --shadow-lg: 0 22px 50px -16px rgba(79,70,229,.32);

    /* —— 字体 —— */
    --font-sans: 'Inter','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
    --font-mono: 'JetBrains Mono',ui-monospace,monospace;

    /* ============================================================
       兼容层：旧 style.css 变量 → 新令牌
       （过渡期保留，后续业务 CSS 逐步改为直接引用 --g-* 后淘汰）
       ============================================================ */
    --primary:        var(--g-primary);
    --primary-hover:  var(--g-primary-2);
    --success:        var(--g-emerald);
    --danger:         var(--g-warn-2);
    --warning:        var(--g-warn);
    --info:           var(--g-cyan);
    --bg:             var(--bg-app);
    --card-bg:        #ffffff;
    --text:           var(--text-900);
    --text-muted:     var(--text-500);
    --border:         var(--line);
    --sidebar-bg:     var(--sidebar-1);
    --sidebar-hover:  rgba(255,255,255,.08);
    --sidebar-active: var(--g-primary);
    --sidebar-width:  230px;
    --topbar-height:  56px;
}