/* ═══════════════════════════════════════════════════════════════════════════
   默认皮肤 —— 站点现在的样子（把现状显式抽成一套皮肤，作为皮肤契约的基准）

   用 :where() 把整块特异度压到 0，这是**故意**的：
   默认皮肤只「填空缺」，绝不覆盖各页 CSS 已经定义好的令牌值。原因有三——
     1. portal.css 的 :root 与 agent.css 的 :root 并不是同一套值（agent 的
        --muted/--faint 更浅、还多 --panel-3/--line-2/--ok/--danger），硬覆盖会
        当场改掉 agent 页的现状；
     2. mark.css 的令牌挂在 body 上，body 自身的声明一定赢从 html 继承的值；
     3. 于是「默认风格 = 今天的样子」是**结构上保证**的，不靠人工比对。
   特异度 0 的声明只在页面没定义该令牌时才生效；而弹窗里的迷你预览把 data-skin
   挂在 div 上，走的是「元素自身声明 > 继承」，所以照样能拿到下面这整套值。

   皮肤契约（每套皮肤都应定义这些；方括号里是本皮肤的取值）：
     ── 底色/面板/文字/描边 ──
     --bg --panel --panel-2 --panel-3 --ink --muted --faint --line --line-2
     ── 强调色 ──
     --accent --accent-2 --accent-soft --on-accent --accent-grad
     ── 外壳（侧栏/顶栏，默认皮肤下外壳 = 面板色）──
     --shell-bg --shell-2 --shell-ink --shell-muted --shell-faint
     ── 内容装饰 ──
     --cover-grad --cover-grad-2 --track --row-hover --scrollbar --sec-title --sec-faint
     ── 语义色 ──
     --ok --danger --danger-soft
     ── 形状/阴影/字体 ──
     --r-xl --r-lg --r-md --r-mark --r-pill --shadow --shadow-sm --shadow-hover
     --shadow-accent --font-head --font-body
   ═══════════════════════════════════════════════════════════════════════════ */

:where([data-skin="default"]) {
  /* 底色 / 面板 / 文字 / 描边 */
  --bg:          #eef0f5;
  --panel:       #ffffff;
  --panel-2:     #f5f7fb;
  --panel-3:     #eef1f8;
  --ink:         #171a21;
  --muted:       #5c6376;
  --faint:       #6b7385;
  --line:        #e6e9f1;
  --line-2:      #dfe4ef;

  /* 强调色 */
  --accent:      #3b5bdb;
  --accent-2:    #6d5cf0;
  --accent-soft: #edf0ff;
  --on-accent:   #ffffff;
  --accent-grad: linear-gradient(135deg, #3b5bdb, #6d5cf0);

  /* 外壳：默认皮肤里侧栏/顶栏就是面板色 */
  --shell-bg:    var(--panel);
  --shell-2:     var(--panel-2);
  --shell-ink:   var(--ink);
  --shell-muted: var(--muted);
  --shell-faint: var(--faint);

  /* 内容装饰 */
  --cover-grad:   linear-gradient(135deg, #4a6cf7, #6f5bd6);
  --cover-grad-2: linear-gradient(135deg, #e8710a, #c2410c);
  --track:        #eef1f7;
  --row-hover:    #fafbfd;
  --scrollbar:    #d3d8e4;
  --sec-title:    var(--ink);
  --sec-faint:    var(--faint);

  /* 语义色 */
  --ok:          #1b7f3b;
  --danger:      #b3261e;
  --danger-soft: #fdecea;

  /* 形状 / 阴影 / 字体 */
  --r-xl:   26px;
  --r-lg:   20px;
  --r-md:   14px;
  --r-mark: 13px;
  --r-pill: 999px;

  --shadow:        0 1px 2px rgba(23, 26, 33, .04), 0 10px 28px rgba(23, 26, 33, .055);
  --shadow-sm:     0 1px 3px rgba(23, 26, 33, .07);
  --shadow-hover:  0 10px 26px rgba(20, 22, 34, .12);
  --shadow-accent: 0 8px 20px rgba(80, 78, 219, .30);

  --font-head: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-body: var(--font-head);
}