/**
 * 小物在线系统工作台 —— 设计令牌（移植自小程序 miniprogram/styles/variables.wxss）
 *
 * 原则：业务样式一律引用本文件令牌，不写裸 hex。换肤只改这一处。
 * 小程序 rpx 在桌面端直接映射为 px（1rpx≈0.5px 但此处按桌面可读性重新取值）。
 * 视觉语言：品牌主色「小物金」+ 辅色「深空蓝」，金属质感渐变。
 */
:root {
  /* ===== 品牌主色：小物金 ===== */
  --brand-50:  #FFFBF0;
  --brand-100: #FDF3D0;
  --brand-200: #F5E6A3;
  --brand-400: #E8C158;
  --brand-500: #D4A843;
  --brand-600: #B8922E;
  --brand-700: #8F6B1F;

  /* ===== 辅色：深空蓝 ===== */
  --accent-50:  #F0F4F9;
  --accent-100: #E8EEF5;
  --accent-400: #3D5A82;
  --accent-500: #1E3A5F;
  --accent-600: #162D4A;
  --accent-700: #0F1D2E;

  /* ===== 中性色 ===== */
  --gray-50:  #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  --white:    #FFFFFF;

  /* ===== 语义色 ===== */
  --success:      #16A34A;
  --success-bg:   #DCFCE7;
  --warning:      #EA580C;
  --warning-bg:   #FFEDD5;
  --danger:       #DC2626;
  --danger-bg:    #FEE2E2;
  --info:         #0891B2;
  --info-bg:      #CFFAFE;

  /* ===== 紧急度 ===== */
  --urgency-1: #DC2626;
  --urgency-2: #EA580C;
  --urgency-3: #64748B;

  /* ===== 团队色 ===== */
  --team-property:  #2563EB;
  --team-operation: #16A34A;
  --team-security:  #7C3AED;
  --team-supervise: #B45309;
  --team-property-bg:  #EFF6FF;
  --team-operation-bg: #DCFCE7;
  --team-security-bg:  #F3E8FF;
  --team-supervise-bg: #FEF3C7;

  /* ===== 文字 ===== */
  --text-primary:   var(--gray-900);
  --text-regular:   var(--gray-700);
  --text-secondary: var(--gray-500);
  --text-placeholder: var(--gray-400);
  --text-inverse:   var(--white);

  /* ===== 背景与边框 ===== */
  --bg-page:    var(--gray-50);
  --bg-card:    var(--white);
  --bg-hover:   var(--gray-100);
  --border-light:   var(--gray-200);
  --border-regular: var(--gray-300);
  --bg-mask:       rgba(15, 23, 42, 0.45);

  /* ===== 字号 ===== */
  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-base: 14px;
  --fs-md:  16px;
  --fs-lg:  18px;
  --fs-xl:  22px;
  --fs-xxl: 28px;
  --fs-xxxl: 36px;

  /* ===== 字重 ===== */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  /* ===== 间距 ===== */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  20px;
  --sp-xl:  28px;
  --sp-xxl: 40px;

  /* ===== 圆角 ===== */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* ===== 阴影 ===== */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 8px 32px rgba(15, 23, 42, 0.12);

  /* ===== 金属金质感（P3 增量）===== */
  --grad-brand:       linear-gradient(135deg, #E8C158 0%, #D4A843 52%, #B8922E 100%);
  --grad-brand-press: linear-gradient(135deg, #D4A843 0%, #B8922E 100%);
  --grad-accent:      linear-gradient(135deg, #3D5A82 0%, #1E3A5F 100%);
  --grad-card:        linear-gradient(180deg, rgba(212, 168, 67, 0.05) 0%, rgba(255, 255, 255, 0) 62%);
  --grad-page:        linear-gradient(180deg, #FFFDF7 0%, var(--gray-50) 22%);
  --shadow-gold:      0 6px 18px rgba(212, 168, 67, 0.26);
  --shadow-brand:     0 8px 24px rgba(212, 168, 67, 0.32);
  --ring-brand:       0 0 0 4px rgba(212, 168, 67, 0.18);
  --border-gold:      rgba(212, 168, 67, 0.38);
  --hairline:         rgba(15, 23, 42, 0.06);
}

/* 浅色主题（默认）下工作台用深空蓝侧栏，金色点缀 */
:root {
  --sidebar-bg: var(--accent-600);
  --sidebar-bg-2: var(--accent-700);
  --sidebar-text: rgba(255, 255, 255, 0.78);
  --sidebar-text-active: #FFFFFF;
  --sidebar-active-bg: rgba(212, 168, 67, 0.18);
  --topbar-bg: var(--white);
}

/* 深色模式（跟随系统）*/
@media (prefers-color-scheme: dark) {
  :root {
    --gray-50:  #151E2E;
    --gray-100: #1C2739;
    --gray-200: #2A3750;
    --gray-300: #3D4C68;
    --gray-400: #64748B;
    --gray-500: #94A3B8;
    --gray-600: #B6C2D4;
    --gray-700: #D3DCE8;
    --gray-800: #E6ECF4;
    --gray-900: #F4F7FB;

    --brand-50:  #241E0E;
    --brand-100: #332A10;
    --brand-200: #4A3B15;
    --brand-700: #F5E6A3;

    --accent-50:  #101B2B;
    --accent-100: #182742;
    --accent-700: #A8C0E8;

    --success-bg: #12301F;
    --warning-bg: #33200F;
    --danger-bg:  #371A1A;
    --info-bg:    #0E2E36;

    --team-property-bg:  #16233F;
    --team-operation-bg: #12301F;
    --team-security-bg:  #251A3D;
    --team-supervise-bg: #3A2C10;

    --bg-page:        #0F172A;
    --bg-card:        #1E293B;
    --bg-hover:       #273449;
    --border-light:   #2E3D57;
    --border-regular: #3B4C6B;
    --bg-mask:        rgba(0, 0, 0, 0.65);

    --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.55);

    --grad-card:        linear-gradient(180deg, rgba(232, 193, 88, 0.07) 0%, rgba(0, 0, 0, 0) 62%);
    --grad-page:        linear-gradient(180deg, #131C2E 0%, #0F172A 22%);
    --shadow-gold:      0 6px 18px rgba(0, 0, 0, 0.45);
    --shadow-brand:     0 8px 24px rgba(0, 0, 0, 0.5);
    --ring-brand:       0 0 0 4px rgba(232, 193, 88, 0.22);
    --border-gold:      rgba(232, 193, 88, 0.35);
    --hairline:         rgba(255, 255, 255, 0.07);

    --sidebar-bg: #0B1422;
    --sidebar-bg-2: #0F1D2E;
  }
}