/* 金泱 SaaS · 设计令牌（唯一色彩/间距/字号来源）
 * 规范：《SaaS 开发标准化规范》第五条 —— 配色一律用令牌变量，禁止写死 hex。
 * 注意：租户主题色由 Jinja 在 base.html 的 :root 内联注入（--brand/--body-bg/--card-bg），
 *       同优先级下后出现者胜，故会覆盖本文件的默认值。
 */
:root{
  /* ---- 品牌 / 表面 ---- */
  --brand:#111d3c;
  --brand-ink:#ffffff;
  --body-bg:#f4f6fb;
  --card-bg:#ffffff;
  --surface:var(--card-bg);
  --surface-2:#f7f8fa;
  --surface-3:#eef1f6;

  /* ---- 文字 ---- */
  --text:#1a1d24;
  --muted:#6b7280;
  --faint:#9aa3af;
  --ink-on-brand:var(--brand-ink);
  --on-brand-soft:rgba(255,255,255,.18);   /* 品牌底上的半透明块 */
  --on-brand-line:rgba(255,255,255,.35);   /* 品牌底上的描边 */
  --brand-soft:rgba(43,92,255,.10);        /* 品牌色浅底 */

  /* ---- 描边 ---- */
  --border:#e5e7eb;
  --border-strong:#d1d5db;

  /* ---- 语义色 ---- */
  --ok:#0f9d58;      --ok-bg:#e6f4ea;
  --warn:#c98a00;    --warn-bg:#fff6dd;
  --danger:#e5484d;  --danger-bg:#fdecec;
  --info:#2b5cff;    --info-bg:#eaf0ff;
  --neutral-bg:#eef1f6;

  /* ---- 五行（错题本标签云 / 五行盘）----
   * 规范 A28：配色一律走令牌，禁止在模板里写死 hex。
   * 五行只在「理论层」做归因总览，不给每门课贴五行标签。
   */
  --wx-mu:#2e7d32;    --wx-mu-bg:#e8f5e9;     /* 木·身：习惯与坚持 */
  --wx-huo:#e5484d;   --wx-huo-bg:#fdecec;    /* 火·场：状态与氛围 */
  --wx-tu:#b8860b;    --wx-tu-bg:#fff8e1;     /* 土·心：心态与动力 */
  --wx-jin:#b08d3f;   --wx-jin-bg:#faf4e4;    /* 金·脑：学习能力 */
  --wx-shui:#1c6fb8;  --wx-shui-bg:#e7f1fb;   /* 水·时：效率与节奏 */

  /* ---- 标签云字号档位（字号 ∝ share 占比，分 5 档不做线性映射）---- */
  --cloud-s1:13px; --cloud-s2:15px; --cloud-s3:18px; --cloud-s4:23px; --cloud-s5:30px;
  --cloud-up:var(--danger);      /* 比上期变大（问题加剧） */
  --cloud-down:var(--ok);        /* 比上期变小（在改善） */
  --cloud-flat:var(--faint);

  /* ---- 圆角 ---- */
  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;

  /* ---- 阴影 ---- */
  --sh-1:0 1px 2px rgba(16,24,40,.06);
  --sh-2:0 2px 8px rgba(16,24,40,.08);
  --sh-3:0 8px 24px rgba(16,24,40,.12);

  /* ---- 间距（8pt 栅格）---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;

  /* ---- 字号 ---- */
  --fs-1:12px; --fs-2:13px; --fs-3:14px; --fs-4:16px;
  --fs-5:18px; --fs-6:22px; --fs-7:28px; --fs-8:36px;

  /* ---- 布局 ---- */
  --top-h:52px;
  --side-w:216px;
  --content-max:1280px;

  /* ---- 课堂大屏（投屏用：更大更亮）---- */
  --slide-bg:#ffffff;
  --slide-ink:#101218;
  --slide-accent:var(--brand);
  /* 品牌渐变：浏览器支持 color-mix 时把品牌色向信息蓝偏移，形成真正的渐变；
     不支持则退化为纯品牌色（不影响可读性） */
  --slide-accent:color-mix(in srgb, var(--brand) 40%, var(--info));
  --slide-grad:linear-gradient(135deg,var(--brand) 0%,var(--slide-accent) 100%);
  --slide-fs-title:42px;
  --slide-fs-body:26px;
  --slide-fs-option:24px;
  --slide-radius:16px;
  --slide-pad:36px;

  /* ---- 媒体/画布用色（canvas 需要具体色值，统一从这里取）---- */
  --media-bg:#000000;
  --board-bg:#ffffff;
  --board-ink:#101218;
  --board-accent:#2b5cff;
  --board-red:#e5484d;
  --board-green:#0f9d58;
  --board-grid:#f0f0f0;
  --board-guide:#9aa3af;