/* ==========================================================================
   安诚企微私域运营平台 · 四端 Demo
   tokens.css —— 设计令牌（主题色 #C7000B）
   所有页面必须先引入本文件。
   ========================================================================== */

:root {
  /* ---------- 品牌色阶（基于 #C7000B 推导） ---------- */
  --brand:        #C7000B;
  --brand-50:     #FFF3F3;
  --brand-100:    #FFE3E4;
  --brand-200:    #FFC7C9;
  --brand-300:    #F79498;
  --brand-400:    #E7504F;
  --brand-500:    #C7000B;
  --brand-600:    #A60009;
  --brand-700:    #830007;
  --brand-800:    #5E0005;
  --brand-grad:   linear-gradient(135deg, #E23A3E 0%, #C7000B 52%, #960007 100%);
  --brand-grad-v: linear-gradient(180deg, #C7000B 0%, #A60009 100%);
  --brand-grad-d: linear-gradient(160deg, #D5101C 0%, #A60009 58%, #7C0006 100%);
  --brand-glow:   0 8px 22px rgba(199, 0, 11, .28);
  --brand-glow-s: 0 4px 12px rgba(199, 0, 11, .20);

  /* ---------- 功能辅助色（增值服务 / 权益 / 状态） ---------- */
  --gold:         #C8963E;
  --gold-50:      #FDF7EC;
  --gold-grad:    linear-gradient(135deg, #EDCB86 0%, #C8963E 100%);
  --amber:        #FF7A18;
  --amber-grad:   linear-gradient(135deg, #FFA93D 0%, #FF7A18 100%);
  --teal:         #0E9E8E;
  --teal-grad:    linear-gradient(135deg, #34C4B0 0%, #0E9E8E 100%);
  --blue:         #2B6CD4;
  --blue-grad:    linear-gradient(135deg, #5B93E8 0%, #2B6CD4 100%);
  --violet:       #6B4EE6;
  --violet-grad:  linear-gradient(135deg, #9277F5 0%, #6B4EE6 100%);

  /* ---------- 中性色 ---------- */
  --ink:          #16181D;
  --ink-2:        #3D4048;
  --ink-3:        #6B7078;
  --ink-4:        #9AA0A8;
  --ink-5:        #C2C7CE;
  --line:         #EFF0F3;
  --line-2:       #E4E6EA;
  --line-3:       #D6D9DF;
  --bg:           #F5F6F8;
  --bg-2:         #FAFBFC;
  --bg-3:         #F0F1F4;
  --white:        #FFFFFF;

  /* ---------- 语义色 ---------- */
  --success:      #12A150;
  --success-bg:   #E9F8EF;
  --warn:         #D98A00;
  --warn-bg:      #FFF6E6;
  --danger:       #E0342B;
  --danger-bg:    #FDECEA;
  --info:         #2B6CD4;
  --info-bg:      #EAF1FC;
  --mute-bg:      #F2F3F6;

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 2px rgba(22,24,29,.05), 0 2px 8px rgba(22,24,29,.05);
  --sh-2: 0 4px 14px rgba(22,24,29,.08);
  --sh-3: 0 12px 30px rgba(22,24,29,.12);
  --sh-4: 0 22px 54px rgba(16,18,24,.18);

  /* ---------- 圆角 ---------- */
  --r-xs: 6px;
  --r-s:  8px;
  --r-m:  12px;
  --r-l:  16px;
  --r-xl: 20px;
  --r-2xl: 26px;
  --r-pill: 999px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  /* ---------- 字号 ---------- */
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
  --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-22: 22px;
  --fs-28: 28px; --fs-36: 36px;

  /* ---------- 设备尺寸（设计基准 390 × 844） ---------- */
  --dev-w: 390px;
  --dev-h: 844px;

  /* ---------- 字体 ---------- */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
  --font-num: "SF Pro Display", -apple-system, "Segoe UI Variable", "Segoe UI",
              "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;

  /* ---------- 期次（交付节奏）配色 ---------- */
  --p1: #C7000B; --p1-bg: #FFF3F3;
  --p2: #2B6CD4; --p2-bg: #EAF1FC;
  --p3: #6B4EE6; --p3-bg: #F1ECFE;
  --p4: #0E9E8E; --p4-bg: #E6F6F4;
}