/* =============================================================================
   教师端 · 设计令牌
   -----------------------------------------------------------------------------
   与**官网同一套色板**（website/css/site.css）——两个前端必须像一个产品。
   底色用暖白（不用纯白）、卡片用发丝边框（不用阴影）、主色一个。
   对比度都按 WCAG 算过：正文 16.4:1 / 副文 7.1:1 / 弱化 5.2:1 / 白字压主色 5.17:1
   ============================================================================= */
:root{
  /* 底色三层：页面 / 交替区块 / 卡片 */
  --bg:#fafaf8; --bg-2:#f5f4f0; --surface:#ffffff;

  /* 文字三档（都有明确对比度，不是"随手挑的灰"） */
  --text:#1a1a18; --text-2:#56564f; --text-3:#6e6a61; --text-inv:#ffffff;

  /* 主色：与官网同一个蓝 */
  --primary:#2563eb; --primary-hover:#1d4ed8; --primary-weak:rgba(37,99,235,.08);
  --primary-ring:rgba(37,99,235,.35);

  /* 语义色（弱底是给徽标用的，文字色单独取以保证对比度） */
  --ok:#0f7b4f; --ok-weak:rgba(15,123,79,.10);
  --warn:#9a6700; --warn-weak:rgba(154,103,0,.10);
  --danger:#c0392b; --danger-hover:#a5301f; --danger-weak:rgba(192,57,43,.10);

  --border:rgba(26,26,24,.08); --border-2:rgba(26,26,24,.16);
  --focus:#097fe8;

  /* 形状 */
  --r-sm:8px; --r:10px; --r-card:14px; --r-lg:18px; --r-pill:999px;

  /* 唯一允许的阴影：给"浮起来"的浮层（toast / dialog / 聊天主区） */
  --shadow-1:0 1px 2px rgba(16,24,40,.05);
  --shadow-2:0 12px 32px rgba(16,24,40,.14);

  /* 间距：4/8 基准 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:48px;

  /* 字号 / 行高 */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-xs:12.5px; --fs-sm:13.5px; --fs:15px; --fs-lg:17px; --fs-xl:21px; --fs-2xl:26px;
  --lh:1.6; --lh-tight:1.25;

  /* 布局常量 */
  --side-w:232px; --top-h:0px;

  /* 动效：只有两种时长（状态 .18s / 入场 .5s） */
  --dur:.18s; --ease:cubic-bezier(.4,0,.2,1);
  --dur-enter:.5s; --ease-enter:cubic-bezier(.16,1,.3,1);
}

:root[data-theme="dark"]{
  --bg:#0a0a0a; --bg-2:#141414; --surface:#1a1a1a;
  --text:#ededed; --text-2:#c7c7c7; --text-3:#a1a1a1;
  --primary:#7aa2ff; --primary-hover:#9ab8ff; --primary-weak:rgba(122,162,255,.14);
  --primary-ring:rgba(122,162,255,.4);
  --ok:#4ade80; --ok-weak:rgba(74,222,128,.14);
  --warn:#fbbf24; --warn-weak:rgba(251,191,36,.14);
  --danger:#ff6b5e; --danger-hover:#ff8578; --danger-weak:rgba(255,107,94,.14);
  --border:rgba(255,255,255,.09); --border-2:rgba(255,255,255,.18);
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 12px 32px rgba(0,0,0,.6);
}

@media (prefers-reduced-motion:reduce){
  :root{ --dur:0s; --dur-enter:0s }
}