/* ============================================================
   JRK Design Tokens · 设计令牌 v1.0
   风格：简洁中后台风
   规则：所有组件取色/取值只允许引用本文件变量，
        禁止在页面里写死颜色、间距、圆角、阴影
   ============================================================ */
:root {
  /* ---- 主色（企业蓝） ---- */
  --jrk-color-primary:        #1668dc;
  --jrk-color-primary-hover:  #3c89e8;
  --jrk-color-primary-active: #0e5ac3;
  --jrk-color-primary-light:  #e8f1fd;   /* 主色浅底：选中态/标签底 */

  /* ---- 功能色 ---- */
  --jrk-color-success:        #16a34a;
  --jrk-color-success-light:  #e8f7ee;
  --jrk-color-warning:        #d97706;
  --jrk-color-warning-light:  #fdf3e7;
  --jrk-color-danger:         #dc2626;
  --jrk-color-danger-hover:   #ef4444;
  --jrk-color-danger-light:   #fdecec;
  --jrk-color-info:           #0284c7;
  --jrk-color-info-light:     #e6f4fb;

  /* ---- 中性色 ---- */
  --jrk-text-1:        #1e293b;   /* 标题 / 重要信息 */
  --jrk-text-2:        #475569;   /* 正文 */
  --jrk-text-3:        #94a3b8;   /* 辅助说明 / 占位符 / 禁用文字 */
  --jrk-border:        #e2e8f0;   /* 常规边框 */
  --jrk-border-strong: #cbd5e1;   /* 强边框（输入框激活前） */
  --jrk-bg-page:       #f5f7fa;   /* 页面底 */
  --jrk-bg-card:       #ffffff;   /* 卡片底 */
  --jrk-bg-hover:      #f8fafc;   /* 行/项悬停 */
  --jrk-bg-disabled:   #f1f5f9;   /* 禁用底 */
  --jrk-mask:          rgba(15, 23, 42, .45);  /* 弹窗遮罩 */

  /* ---- 字体 ---- */
  --jrk-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                     "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --jrk-font-12: 12px;   /* 辅助信息 / 标签 */
  --jrk-font-13: 13px;   /* 表格 / 密集信息 */
  --jrk-font-14: 14px;   /* 正文基准 */
  --jrk-font-16: 16px;   /* 卡片标题 / 弹窗标题 */
  --jrk-font-18: 18px;   /* 区块标题 */
  --jrk-font-20: 20px;   /* 页面标题 */
  --jrk-font-24: 24px;   /* 大数字 / 看板数值 */

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

  /* ---- 圆角 ---- */
  --jrk-radius-sm:   4px;   /* 标签 / 小控件 */
  --jrk-radius-md:   6px;   /* 按钮 / 输入框 */
  --jrk-radius-lg:   8px;   /* 卡片 / 弹窗 */
  --jrk-radius-pill: 999px; /* 胶囊 */

  /* ---- 阴影 ---- */
  --jrk-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --jrk-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
  --jrk-shadow-lg: 0 12px 32px rgba(15, 23, 42, .16);

  /* ---- 层级 ---- */
  --jrk-z-dropdown: 1000;   /* 下拉菜单 */
  --jrk-z-modal:    2000;   /* 弹窗 */
  --jrk-z-toast:    3000;   /* Toast 通知 */

  /* ---- 控件高度 ---- */
  --jrk-control-h:    32px;  /* 默认 */
  --jrk-control-h-lg: 40px;  /* 大（主操作/独立页） */
  --jrk-control-h-sm: 26px;  /* 小（表格内/紧凑区） */
  --jrk-settings-control-h: 34px;
  --jrk-settings-card-gap: 12px;
  --jrk-settings-row-gap: 8px;
  /* ---- Data density and editor semantic sizes ---- */
  --jrk-table-row-h:         40px;
  --jrk-table-row-h-compact: 34px;
  --jrk-editor-row-gap:       6px;
  --jrk-status-dot-size:      8px;
}