/* ============================================================
   YUQUE 设计令牌 v1（2026-07 Quiet UI 改版）
   规则：全站样式只允许引用这里的变量，不得硬编码色值/圆角/阴影。
   设计语言：纯白/灰画布 · 灰阶纪律 · 每屏一个蓝 · 排版做层级。
   ============================================================ */
:root {
  /* 字体 */
  --yq-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
             "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* 文字色阶 */
  --yq-text-1: #111827;   /* 标题/主文 */
  --yq-text-2: #4B5563;   /* 正文/次级 */
  --yq-text-3: #6B7280;   /* 辅助/占位（低对比屏可读性要求，勿再调浅） */

  /* 背景 */
  --yq-bg-page: #FFFFFF;      /* 卡片/表面 */
  --yq-bg-canvas: #F6F7F9;    /* 主区画布 */
  --yq-bg-sidebar: #F9FAFB;   /* 侧栏 */
  --yq-bg-quiet: #F3F4F6;     /* 静音钮/浅填充 */
  --yq-bg-quiet-hover: #E5E7EB;

  /* 边框 */
  --yq-border: #E5E7EB;         /* 发丝线 */
  --yq-border-strong: #D1D5DB;

  /* 主色（每屏一个蓝） */
  --yq-primary: #2563EB;
  --yq-primary-hover: #1D4ED8;
  --yq-primary-weak: #EFF6FF;
  --yq-focus-ring: rgba(37, 99, 235, .12);

  /* 语义色 */
  --yq-danger: #DC2626;
  --yq-danger-weak: #FEF2F2;
  --yq-danger-weak-hover: #FEE2E2;
  --yq-success: #059669;

  /* 圆角 */
  --yq-r-surface: 16px;   /* 工具容器卡 */
  --yq-r-card: 12px;      /* 普通卡/拖放区 */
  --yq-r-ctl: 10px;       /* 按钮/输入/下拉 */
  --yq-r-sm: 8px;         /* 小件 */

  /* 阴影 */
  --yq-shadow-surface: 0 1px 3px rgba(17, 24, 39, .04), 0 8px 24px rgba(17, 24, 39, .04);
  --yq-shadow-pop: 0 4px 24px rgba(17, 24, 39, .08), 0 1px 3px rgba(17, 24, 39, .05);
  --yq-shadow-raise: 0 1px 2px rgba(17, 24, 39, .04);

  /* 动效 */
  --yq-ease: cubic-bezier(.2, .6, .3, 1);
  --yq-dur: .15s;
}