/* ============================================================
   睿锋AI软件站 · Design Tokens v1.0
   深色科技感 ｜ 全站唯一样式变量来源（前台 + 管理后台共用）
   修改任何值前请先更新《睿锋AI软件站-设计规范系统.md》
   ============================================================ */

:root {
  /* ---------- 1. 色彩体系 ---------- */

  /* 1.1 背景色 */
  --bg-page:        #0E1526;                          /* 页面主背景（深蓝夜空） */
  --bg-card:        #16203A;                          /* 卡片 / 面板背景 */
  --bg-card-hover:  #1B2A4D;                          /* 卡片悬浮态背景 */
  --bg-input:       #101B33;                          /* 输入框背景 */
  --bg-sidebar:     #101828;                          /* 后台侧边栏背景 */
  --bg-elevated:    #1E2A47;                          /* 弹窗 / 下拉面板等浮层 */

  /* 1.2 边框 */
  --border:         #2A3A5F;                          /* 常规边框 / 分割线 */
  --border-strong:  #2E4A80;                          /* 强调边框（悬浮、聚焦） */
  --border-light:   #1E2C4A;                          /* 弱分割线（卡片内分组） */

  /* 1.3 文字色 */
  --text-primary:   #E5EDFF;                          /* 主文字 */
  --text-secondary: #94A3B8;                          /* 次要文字 / 说明 */
  --text-muted:     #64748B;                          /* 弱化文字（页脚、备注、禁用） */

  /* 1.4 品牌色 */
  --accent:         #3B82F6;                          /* 主色：按钮、链接、高亮 */
  --accent-hover:   #60A5FA;                          /* 主色悬浮（提亮） */
  --accent-active:  #2563EB;                          /* 主色按下（加深） */
  --accent-cyan:    #22D3EE;                          /* 辅助色：区块标题、装饰 */
  --accent-bg:      rgba(59, 130, 246, 0.12);         /* 主色淡底（选中项、信息条） */

  /* 1.5 语义色 */
  --success:        #34D399;                          /* 成功 / 已处理 */
  --success-bg:     rgba(52, 211, 153, 0.12);
  --warning:        #FBBF24;                          /* 警告 / 待处理 */
  --warning-bg:     rgba(251, 191, 36, 0.12);
  --danger:         #F87171;                          /* 错误 / 删除 / 禁言 / 下架 */
  --danger-hover:   #FCA5A5;
  --danger-bg:      rgba(248, 113, 113, 0.12);
  --info:           var(--accent);                    /* 信息提示（复用主色） */

  /* 1.6 遮罩 */
  --mask:           rgba(14, 21, 38, 0.75);           /* 弹窗遮罩 */

  /* ---------- 2. 字体 ---------- */
  --font-family:    "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;
  --font-mono:      "JetBrains Mono", Consolas, monospace;  /* 版本号、数字统计 */

  --font-size-xs:   12px;                             /* 辅助说明、备注 */
  --font-size-sm:   13px;                             /* 次要说明、标签 */
  --font-size-base: 14px;                             /* 正文默认 */
  --font-size-md:   16px;                             /* 区块标题 */
  --font-size-lg:   20px;                             /* 页面主标题（小） */
  --font-size-xl:   24px;                             /* 页面主标题（大）、统计数字 */

  --font-weight-normal:  400;                         /* 正文 */
  --font-weight-medium:  600;                         /* 强调、按钮 */
  --font-weight-bold:    700;                         /* 标题 */

  --line-height-body:    1.6;                         /* 正文行高 */
  --line-height-title:   1.3;                         /* 标题行高 */

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

  /* ---------- 4. 圆角 ---------- */
  --radius-sm:   4px;                                 /* 小标签、徽章 */
  --radius-md:   6px;                                 /* 按钮、输入框 */
  --radius-lg:   8px;                                 /* 大按钮、下拉面板 */
  --radius-xl:   10px;                                /* 卡片 */
  --radius-icon: 12px;                                /* 软件图标容器 */
  --radius-full: 999px;                               /* 胶囊标签、头像 */

  /* ---------- 5. 阴影 ---------- */
  --shadow-card:     0 4px 16px rgba(59, 130, 246, 0.15);   /* 卡片悬浮 */
  --shadow-modal:    0 8px 32px rgba(0, 0, 0, 0.5);          /* 弹窗 */
  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.35);        /* 下拉、浮层 */
  --shadow-focus:    0 0 0 2px rgba(59, 130, 246, 0.25);     /* 输入聚焦外发光 */

  /* ---------- 6. 层级（z-index） ---------- */
  --z-base:      0;      /* 常规内容 */
  --z-sticky:    100;    /* 吸顶导航、吸顶下载卡片 */
  --z-dropdown:  200;    /* 下拉菜单 */
  --z-toast:     300;    /* Toast 提示条 */
  --z-modal:     400;    /* 弹窗 */

  /* ---------- 7. 动效 ---------- */
  --transition-fast:  0.15s ease;   /* 按钮、输入等即时反馈 */
  --transition-normal: 0.2s ease;   /* 卡片悬浮、面板展开 */
  --transition-slow:  0.3s ease;    /* 弹窗、遮罩过渡 */

  /* ---------- 8. 布局尺寸 ---------- */
  --container-max:   1200px;        /* 内容区最大宽度 */
  --container-pad:   16px;          /* 移动端左右留白 */
  --sidebar-width:   220px;         /* 后台侧边栏宽度 */
  --navbar-height:   56px;          /* 顶部导航高度 */
  --input-height:    38px;          /* 输入框/按钮标准高度 */
  --input-height-lg: 40px;          /* 大按钮（下载主按钮） */
  --input-height-sm: 32px;          /* 小按钮、表格内操作 */
}