/* =============================================================================
   cc-tokens.css — 设计令牌（CSS 变量）+ 默认值
   cnext design system · 个人 mark: cc

   这是 base 的"设计契约"——所有 skin 必须提供下面这些 token 的具体值。
   任何 cc-structure.css 中的 var() 调用，如果当前 skin 没设值，会回退到这里的默认值。

   命名规范（语义优先于颜色名）：
   - 表面层：--bg-*
   - 文字层：--text-*
   - 边框：   --border[-hover]
   - 圆角：   --radius[-sm|-lg]
   - 阴影：   --shadow[-sm|-lg]
   - 角色色：--accent[-hover|-soft] / --success[-soft] / --warning[-soft] / --danger[-soft] / --info[-soft]
   - 反色：   --on-accent（强调色背景上的文字色，通常 #fff）

   引入顺序：cc-reset.css → cc-tokens.css → cc-structure.css → cc-skin-*.css
============================================================================= */

:root {
  /* ========== 表面层（background）========== */
  --bg-body: #f8fafc;                 /* 主体背景 */
  --bg-sidebar: #0f172a;              /* 侧栏 */
  --bg-header: rgba(255, 255, 255, 0.85);
  --bg-card: rgba(255, 255, 255, 0.9);   /* 卡片半透明（叠在 body 上） */
  --bg-card-solid: #ffffff;              /* 卡片纯色（避免半透明叠加） */
  --bg-elevated: #f1f5f9;               /* 提升层：hover/active 二级背景 */
  --bg-secondary: #f1f5f9;              /* 次级背景 */
  --bg-hover: #f1f5f9;                  /* hover 反馈 */
  --bg-input: #ffffff;                  /* 输入框背景 */
  --bg-surface: #f8fafc;                /* 表层（同 bg-body 别名，兼容旧代码） */
  --bg-overlay: rgba(15, 23, 42, 0.45); /* 模态遮罩 */

  /* ========== 文字层（text）========== */
  --text-primary: #0f172a;    /* 主要文字 */
  --text-secondary: #475569;  /* 次要文字（说明、提示） */
  --text-muted: #94a3b8;      /* 弱化文字（时间戳、辅助） */

  /* ========== 角色色（4 套语义色）========== */
  /* 品牌主色（按钮高亮、链接、激活态） */
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: rgba(37, 99, 235, 0.12);
  --on-accent: #ffffff;       /* 强调色背景上的文字色（按钮文字等） */

  /* 成功 */
  --success: #16a34a;
  --success-soft: rgba(22, 163, 74, 0.12);

  /* 警告 */
  --warning: #d97706;
  --warning-soft: rgba(217, 119, 6, 0.13);

  /* 危险 */
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.12);

  /* 信息（用于日志来源标识、链接提示等） */
  --info: #3b82f6;
  --info-soft: rgba(59, 130, 246, 0.12);

  /* ========== 边框（border）========== */
  --border: rgba(15, 23, 42, 0.15);
  --border-hover: rgba(37, 99, 235, 0.4);

  /* ========== 圆角（radius）========== */
  --radius-sm: 6px;     /* 小元素（badge、tag） */
  --radius: 8px;        /* 默认（按钮、输入框） */
  --radius-lg: 12px;    /* 大元素（卡片、模态） */
  --radius-pill: 9999px; /* 胶囊形（开关滑块、徽章圆角） */

  /* ========== 阴影（shadow）========== */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);    /* 微弱提升 */
  --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);     /* 标准卡片 */
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.18);  /* 模态框 */

  /* ========== 层叠层级（z-index）==========
     统一管理 z-index，避免裸数值导致的层叠冲突。
     层级语义从低到高：基础内容 → 悬浮/吸附 → 下拉 → 模态 → toast → tooltip */
  --z-dropdown: 999;      /* 下拉菜单、日期选择器面板 */
  --z-sticky: 90;         /* 侧边栏、吸附底栏 */
  --z-sticky-low: 50;     /* header、底部 tab 栏 */
  --z-overlay-low: 30;    /* 主题选择器、loading 覆盖层 */
  --z-base-content: 10;   /* 基础内容层（header 等）*/
  --z-modal: 100;         /* 模态框遮罩 */
  --z-toast: 10000;       /* toast 通知（始终最上层之一）*/
  --z-tooltip: 30000;     /* 图表 tooltip（最高，覆盖 toast）*/

  /* ========== 字体（font）/ 几何（layout size）========== */
  --font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --sidebar-width: 64px;
  --header-height: 56px;
  --glass: blur(12px) saturate(1.2);
  --hero-bg: linear-gradient(135deg, #0f172a, #1e293b);

  /* ========== 图表（chart）========== */
  --chart-from: var(--accent);
  --chart-to: var(--warning);
  --chart-area: var(--accent-soft);

  /* ========== 表单（form）========== */
  --datetime-scheme: light;     /* input[type=date] 的颜色方案：light/dark */
  --calendar-icon-filter: none; /* 日期选择器图标的反色滤镜 */

  /* ========== 语法高亮（syntax，可选）========== */
  --syntax-string: #16a34a;
  --syntax-number: #2563eb;
  --syntax-bool: #d97706;
  --syntax-null: #94a3b8;
}