/* KK工具网 · 设计 Token（单一事实来源）
 * 继承自货代 SaaS 重构 A 青蓝浅色主题（#38A8BC）
 * 详细规范见 ../docs/STYLE_GUIDE.md
 * 每次写代码前必读规范文件。
 */

:root {
  /* ===== 品牌主色（青蓝） ===== */
  --kk-primary:        #38A8BC;
  --kk-primary-hover:  #4DBBCE;
  --kk-primary-active: #2E8C9E;
  --kk-primary-bg:     #E6F4F7;
  --kk-primary-fg:     #FFFFFF;

  /* ===== 语义色 ===== */
  --kk-success: #00B42A;  --kk-success-bg: #E8FFEA;
  --kk-warning: #FF7D00;  --kk-warning-bg: #FFF7E8;
  --kk-danger:  #F53F3F;  --kk-danger-bg:  #FFECE8;
  --kk-info:    #86909C;  --kk-info-bg:    #F2F3F5;

  /* ===== 中性灰阶 ===== */
  --kk-bg:          #F5F7FA;
  --kk-surface:     #FFFFFF;
  --kk-sidebar:     #FFFFFF;
  --kk-sidebar-hov: #F2F5F7;
  --kk-border:      #E5E8EF;
  --kk-border-soft: #EFF1F5;

  /* ===== 文字 ===== */
  --kk-text-1: #1D2129;
  --kk-text-2: #4E5969;
  --kk-text-3: #86909C;

  /* ===== 标签 / HOT 红点 ===== */
  --kk-hot:     #FF4D7E;
  --kk-hot-bg:  #FFE9F0;

  /* ===== 字体 ===== */
  --kk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                  "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --kk-font-mono: "SF Mono", Consolas, Menlo, monospace;

  /* 字号 */
  --kk-fs-xs:   12px;
  --kk-fs-sm:   13px;
  --kk-fs-base: 14px;
  --kk-fs-md:   16px;
  --kk-fs-lg:   18px;
  --kk-fs-xl:   22px;

  /* 行高 */
  --kk-lh-tight: 1.4;
  --kk-lh-base:  1.6;
  --kk-lh-loose: 1.8;

  /* ===== 间距 / 圆角 / 阴影 ===== */
  --kk-space-1:  4px;
  --kk-space-2:  8px;
  --kk-space-3:  12px;
  --kk-space-4:  16px;
  --kk-space-5:  20px;
  --kk-space-6:  24px;
  --kk-space-8:  32px;
  --kk-space-10: 40px;

  --kk-radius-sm:   4px;
  --kk-radius:      8px;
  --kk-radius-lg:   12px;
  --kk-radius-pill: 999px;

  --kk-shadow-sm: 0 1px 3px rgba(29, 33, 41, .06);
  --kk-shadow:    0 2px 8px rgba(29, 33, 41, .08);
  --kk-shadow-lg: 0 8px 28px rgba(29, 33, 41, .10);

  --kk-sidebar-w: 220px;
}