/* ============================================================
 * AI创新少年 · 设计系统 tokens v1.0
 * 2026-10-25 定稿（对齐真实平台设计语言）
 * 用法：所有页面 @import 或 <link> 本文件，颜色/字号/间距一律用变量，禁止写死
 * ============================================================ */
:root {
  /* —— 品牌色（紫蓝渐变族）—— */
  --brand1:#7c5cf0;          /* 主品牌紫 */
  --brand2:#4f6df5;          /* 品牌蓝紫 */
  --brand3:#38a8f0;          /* 品牌天蓝 */
  --accent:#6d5ae0;          /* 强调紫 */
  --accent2:#12a370;         /* 成功绿 */
  --warn:#d98a1f;            /* 警示橙 */
  --danger:#d64545;          /* 错误红 */
  --gold:#f7c948;            /* 金币金 */

  /* —— 深色星空背景族 —— */
  --bg-deep:#0d1026;         /* 最深底 */
  --bg-base:#141a3a;         /* 基础底 */
  --bg-panel:#1a2144;        /* 面板底 */
  --bg-glass:rgba(255,255,255,.06);   /* 玻璃卡底 */
  --bg-glass-border:rgba(255,255,255,.12);

  /* —— 体系卡主题色 —— */
  --sys-code:#2E86DE;        /* 编程体系·代码力 蓝 */
  --sys-code-bg:rgba(46,134,222,.12);
  --sys-make:#f59e0b;        /* 智能体系·造物力 橙 */
  --sys-make-bg:rgba(245,158,11,.12);
  --sys-create:#a06bff;      /* 创造体系·创造力 紫 */
  --sys-create-bg:rgba(160,107,255,.12);

  /* —— 法宝卡主题色 —— */
  --tool-mc:#4A9E3C;         /* 倚天剑 绿 */
  --tool-baize:#D97706;      /* 屠龙刀 琥珀 */
  --tool-oj:#0E7490;         /* 诺亚方舟 青蓝 */

  /* —— 文本 —— */
  --text:#e7e9f5;            /* 主文字 */
  --text-dim:#9aa3c7;        /* 次要文字 */
  --text-faint:#6b749a;      /* 弱文字 */

  /* —— 字体 —— */
  --font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --fs-title:22px;           /* 页面大标题 */
  --fs-sec:15px;             /* 分区标题 */
  --fs-card-title:16px;      /* 卡片标题 */
  --fs-body:13px;            /* 正文 */
  --fs-small:11px;           /* 辅助小字 */

  /* —— 圆角 —— */
  --radius-s:10px;
  --radius-m:14px;
  --radius-card:18px;
  --radius-pill:999px;

  /* —— 阴影/发光 —— */
  --shadow-card:0 8px 24px rgba(20,40,80,.35);
  --glow-purple:0 0 16px rgba(124,92,240,.45);

  /* —— 间距 —— */
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:24px;

  /* —— 通用渐变 —— */
  --grad-brand:linear-gradient(90deg,#8b5cf6,#6366f1);
  --grad-brand-v:linear-gradient(180deg,var(--brand1),var(--brand3));
}