/**
 * 史锦泽设计系统 · tokens 层(xiliu-tokens.css)
 * ------------------------------------------------------------------
 * 仅包含 :root CSS 变量,零元素规则 —— 任何页面引入均无副作用。
 * 这里是【暗色调色板的唯一落点】:theme.js 的 dark 分支只是移除亮色
 * inline 覆盖、回落到本文件;亮色调色板在 theme.js 的 light 映射里。
 * 改配色:暗色改这里,亮色改 theme.js,两处变量名必须保持一致。
 *
 * 气质:「机房控制台 × 溪流」—— 深墨蓝黑工业底 + 溪流青单主色。
 * 使用:<link rel="stylesheet" href="/css/xiliu-tokens.css">(在页面自身 <style> 之前)
 */
:root {
    /* ── 底色:墨蓝黑,分五层由深到浅 ── */
    --bg:        #0b1016;   /* 页面底 */
    --bg2:       #0e141c;   /* 次级底/侧栏 */
    --surface:   #121924;   /* 卡片 */
    --surface2:  #17202c;   /* 卡片内嵌/悬浮 */
    --surface3:  #1d2735;   /* 高亮层/hover */

    /* ── 描边:靠亮度分层,不用重阴影 ── */
    --border:    #223041;
    --border2:   #2e3f55;

    /* ── 文字:三级 ── */
    --text:      #dbe6f3;
    --text2:     #92a5ba;
    --text3:     #5d708a;

    /* ── 主色:溪流青 ── */
    --accent:      #2fd4bd;
    --accent2:     #23b3a0;                   /* 深一档(hover/按下) */
    --accent3:     #4da3ff;                   /* 辅助蓝(链接/图表第二序列) */
    --accent-glow: rgba(47, 212, 189, .14);   /* 光晕/选中底 */
    --accent-dim:  rgba(47, 212, 189, .38);   /* 半透明描边 */

    /* ── 语义色 ── */
    --danger:      #f2607a;
    --danger-dim:  rgba(242, 96, 122, .35);
    --warn:        #e8b45a;
    --warning:     #e8b45a;                   /* 别名,存量页在用 */
    --success:     #43cf8c;

    /* ── 图表/杂项色板(存量页大量使用,勿删) ── */
    --green:   #43cf8c;
    --red:     #f2607a;
    --yellow:  #e5ce6e;
    --orange:  #ef9e5e;
    --pink:    #ef7fb2;
    --cyan:    #46c8f2;
    --magenta: #b48cf2;
    --purple:  #9d8cf2;

    /* ── 字体:零外网依赖 ── */
    --mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, Monaco, Consolas, 'Courier New', monospace;
    --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

    /* ── 形状/层级 ── */
    --radius:  10px;
    --shadow:  0 2px 16px rgba(0, 0, 0, .35);
}