/* ============================================================
   tokens.css — gdnms.com 设计令牌（单一事实来源）
   作用：统一全站色板 / 间距 / 字体 / 阴影，消除此前
         #2867b0 / #064893 / #28b09e / #f39700 等多套近似色
         硬编码造成的"拼凑"与品牌漂移。
   说明：本文件只定义 :root 变量，不修改任何布局/结构/文案。
         PC 与手机共用中性色与语义色；两端各自保留品牌表达。
   ============================================================ */
@charset "utf-8";

:root {
  /* ---------- 品牌主色 · 蓝 ---------- */
  --color-primary-50:   #eef4fb;
  --color-primary-100:  #d3e2f3;
  --color-primary-200:  #a9c6e8;
  --color-primary-300:  #6f9fd6;
  --color-primary-300b: #5385c0;
  --color-primary-400:  #3f84c1;
  --color-primary-500:  #2867b0;   /* 主品牌蓝（logo / 按钮 / 链接 / 激活态） */
  --color-primary-600:  #185295;   /* hover */
  --color-primary-700:  #064893;   /* active / 深蓝 */
  --color-primary-700b: #0a488f;   /* layui 弹窗按钮等 */
  --color-primary-900:  #0a2848;
  --color-brand-blue2:  #2e6fbb;   /* 入口图标块等 */

  /* ---------- 辅助色 · 青绿 ---------- */
  --color-secondary-300: #93d7ce;
  --color-secondary-400: #53c0b1;
  --color-secondary-500: #28b09e;   /* 辅助品牌（次按钮 / 区块标题） */
  --color-secondary-600: #1f8f80;
  --color-secondary-700: #15665c;

  /* ---------- 强调色 · 橙 ---------- */
  --color-accent-300:   #f9cb7f;
  --color-accent-400:   #ff9800;
  --color-accent-500:   #f39700;     /* 强调橙（菜单激活边 / 提示 / 次按钮） */
  --color-accent-600:   #e68a00;
  --color-accent-700:   #e66d30;
  --color-accent-orange2:#ff8810;
  --color-accent-amber: #f5ac33;
  --color-accent-yellow:#ffbb37;
  --color-accent-coral: #ff7761;
  --color-accent-gold:  #f1a553;

  /* ---------- 语义色 ---------- */
  --color-error:      #eb6060;   /* 主错误红（内联高频） */
  --color-error-dark: #ba1616;
  --color-error-deep: #b02b28;
  --color-error-deep2:#d50000;
  --color-error-mid:  #eb4a25;
  --color-error-light:#f98d8d;   /* 浅红（删除按钮等） */
  --color-error-salmon:#ea8857;
  --color-red-pure:   #f00;      /* paytable 等纯红 */
  --color-success:    #59a11d;   /* 支付/成功绿 */
  --color-warning:    #ff5722;
  --color-warning-2:  #eaac6a;
  --color-info:       #099be0;
  --color-link:       #1a73e8;
  --color-wechat-green:#07c160;

  /* ---------- 业务标签色（工 / 求） ---------- */
  --color-gong: #589ce9;   /* 工 = 蓝 */
  --color-qiu:  #e74c3c;   /* 求 = 红 */

  /* ---------- 会员等级渐变辅助色 ---------- */
  --color-svip-a:#970814; --color-svip-b:#ca5a5a;
  --color-tvip-a:#e68a00; --color-tvip-b:#f0c800;
  --color-gold: #f0c800;
  --color-vip-a:#8506b8;  --color-vip-b:#6e48aa;
  --color-accent-pink:   #d538b6;
  --color-accent-purple: #9c16b7;

  /* ---------- 中性色 / 文本 ---------- */
  --color-black:   #000;
  --color-white:   #fff;
  --color-text-primary:   #333;
  --color-text-secondary: #666;
  --color-text-tertiary:  #999;
  --color-text-quaternary: #4c4948;
  --color-text-disabled:   #aaa;
  --color-text-muted:      #706f6f;
  --color-text-strong:     #555;
  --color-text-sidebar:    #a8acb2;
  --color-text-sidebar-2:  #445060;

  /* ---------- 边框 ---------- */
  --color-border:        #e0e0e0;
  --color-border-light:  #ddd;
  --color-border-lighter:#eee;
  --color-border-mid:    #ccc;
  --color-border-soft:   #d0dbe7;
  --color-border-blue:   #e0eaf5;

  /* ---------- 背景 ---------- */
  --color-bg-page:        #f4f7fb;
  --color-bg-light:       #f5f5f5;
  --color-bg-lighter:     #fafafa;
  --color-bg-stripe:      #f9f9f9;
  --color-bg-muted:       #f0f0f0;
  --color-bg-muted2:      #f8f9fa;
  --color-bg-muted3:      #f2f6f9;
  --color-bg-muted4:      #ececec;
  --color-bg-muted5:      #e9e9e9;
  --color-bg-blue-tint:   #f8fbfe;
  --color-bg-blue-tint2:  #e8f4ff;
  --color-bg-blue-tint3:  #d1e7ff;
  --color-bg-blue-tint4:  #f0f8ff;
  --color-bg-sidebar:         #192d44;
  --color-bg-sidebar-hover:    #121f2d;
  --color-bg-sidebar-active:   #112235;
  --color-header-bg:      #d3dce9;
  --color-sidebar-accent:#f39700;

  /* ---------- 手机端中性色（保持手机视觉不变，仅归一） ---------- */
  --color-text-mobile-main: #313131;
  --color-border-mobile:    #d2d2d2;
  --color-text-mobile:      #525252;
  --color-text-mobile2:     #8a8e93;

  /* ---------- 阴影 ---------- */
  --shadow-sm:   0 1px 2px rgba(0,0,0,.05);
  --shadow-card: 0 0 20px #888;
  --shadow-md:   0 0 10px #ddd;
  --shadow-pop:  1px 2px 15px #999;

  /* ---------- 间距（4px 基准） ---------- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px;

  /* ---------- 字体 ---------- */
  --font-family-base: "微软雅黑", "Microsoft YaHei", Arial, "Helvetica Neue", sans-serif;
  --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px;
  --font-size-md: 18px; --font-size-lg: 20px; --font-size-xl: 24px;
  --font-size-2xl: 28px; --font-size-3xl: 30px; --font-size-4xl: 34px;

  /* ---------- 圆角 / 过渡 ---------- */
  --radius-sm: 4px; --radius-md: 5px; --radius-lg: 10px;
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
}