/* ============================================================
   师说 TeachBuddy · 设计令牌
   浅色专业风：白/浅灰底 + 蓝色主色，适配高校办公与长文档阅读

   ⚠ 字体渲染注意（Windows 清晰度关键）
   1) 不要使用 -webkit-font-smoothing: antialiased —— 它会关闭 ClearType
      次像素渲染，导致 Windows 上中文发虚。见 base.css 注释。
   2) 字重只用 400 / 600 / 700。微软雅黑只有 Regular 与 Bold 两档，
      550 / 620 / 650 这类中间值会被浏览器吸附到最近字重，造成同一层级
      文字粗细不一致。
   3) 中文字号下限 12px，低于此值 CJK 字形会糊成一团。
   ============================================================ */
:root {
  /* ---- 品牌色 ---- */
  --brand-50:  #eff5ff;
  --brand-100: #dbe8fe;
  --brand-200: #bfd7fe;
  --brand-300: #93bbfd;
  --brand-400: #6096fa;
  --brand-500: #3b7ff6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;
  --brand-800: #1e40af;

  /* ---- AI 强调色（渐变） ---- */
  --ai-1: #6366f1;
  --ai-2: #8b5cf6;
  --ai-3: #0ea5e9;
  --ai-grad: linear-gradient(118deg, #6366f1 0%, #8b5cf6 52%, #0ea5e9 100%);
  --ai-grad-soft: linear-gradient(118deg, #efefff 0%, #f7f0ff 52%, #eaf7ff 100%);

  /* ---- 中性色 ---- */
  --bg:        #f3f5f9;
  --bg-alt:    #edf0f6;
  --surface:   #ffffff;
  --surface-2: #fafbfd;
  --surface-3: #f1f4f9;
  --surface-inverse: #1a2132;

  --line:        #e5e8ef;
  --line-strong: #d3d8e3;
  --line-dark:   #bcc3d2;

  /* 文字层级：次级/三级字号偏小时必须保证对比度 */
  --text:   #101828;
  --text-2: #3f4859;
  --text-3: #6b7488;
  --text-4: #8a92a5;

  /* ---- 语义色 ---- */
  --success:    #15803d;
  --success-bg: #e9f7ee;
  --success-bd: #b9e4c9;
  --warn:       #b45309;
  --warn-bg:    #fff5e4;
  --warn-bd:    #f6d99b;
  --danger:     #c62828;
  --danger-bg:  #fdeceb;
  --danger-bd:  #f4c6c3;
  --info:       #0369a1;
  --info-bg:    #e6f5fd;
  --info-bd:    #b3ddf5;
  --violet:     #6d28d9;
  --violet-bg:  #f3ecfe;
  --violet-bd:  #dbcdfa;

  /* ---- 圆角 ---- */
  --r-xs: 5px;
  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-2xl: 24px;
  --r-full: 999px;

  /* ---- 阴影（浅色专业风：以细边框为主，阴影克制） ---- */
  --sh-1: 0 1px 2px rgba(16, 24, 40, .04);
  --sh-2: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);
  --sh-3: 0 6px 18px rgba(16, 24, 40, .07), 0 2px 5px rgba(16, 24, 40, .04);
  --sh-4: 0 16px 44px rgba(16, 24, 40, .13), 0 4px 12px rgba(16, 24, 40, .06);
  --sh-brand: 0 4px 12px rgba(37, 99, 235, .20);
  --sh-ai: 0 4px 14px rgba(124, 58, 237, .18);
  --ring: 0 0 0 3px rgba(37, 99, 235, .14);
  --ring-ai: 0 0 0 3px rgba(139, 92, 246, .16);

  /* ---- 布局尺寸 ---- */
  --nav-w: 288px;
  --panel-w: 356px;
  --topbar-h: 60px;

  /* ---- 字体 ---- */
  /* 拉丁字形优先 Segoe UI，中文字形落到微软雅黑 UI —— 避免浏览器自行
     回退到未列出的字体导致笔画发虚。 */
  --font: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI",
          "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC",
          "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC",
          "WenQuanYi Micro Hei", sans-serif;
  --font-serif: "Songti SC", "SimSun", Georgia, "Times New Roman", serif;
  --mono: "Cascadia Mono", "Consolas", "JetBrains Mono", "SFMono-Regular",
          "Liberation Mono", monospace;

  /* ---- 字号（中文下限 12px，整体上调 1px 提升可读性） ---- */
  --fs-11: 12px;
  --fs-12: 13px;
  --fs-13: 14px;
  --fs-14: 15px;
  --fs-15: 16px;
  --fs-16: 17px;
  --fs-18: 19px;
  --fs-20: 21px;
  --fs-24: 25px;
  --fs-28: 29px;
  --fs-34: 34px;

  /* ---- 行高 ---- */
  --lh-tight: 1.35;
  --lh-base: 1.65;
  --lh-loose: 1.9;

  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}