/* ============================================================
 * Design Tokens — 赛博科技风
 * ============================================================ */
:root {
  /* 颜色 — 基础调色板 */
  --c-bg-0:        #05060B;   /* 主背景：深空 */
  --c-bg-1:        #0B0E1A;   /* 卡片背景 */
  --c-bg-2:        #11162A;   /* 浮层背景 */
  --c-line:        #1A2238;   /* 网格线 / 描边 */
  --c-line-soft:   rgba(0, 229, 255, 0.18);

  /* 颜色 — 霓虹强调 */
  --c-cyan:        #00E5FF;   /* 主霓虹：电光蓝青 */
  --c-cyan-soft:   rgba(0, 229, 255, 0.12);
  --c-violet:      #B14BFF;   /* 副霓虹：紫 */
  --c-yellow:      #F8E16C;   /* 强调：黄 */
  --c-amber:       #FF8C42;   /* 造物：橙 */
  --c-pink:        #FF3D6E;   /* 错误/告警 */
  --c-green:       #4DE0A8;   /* 成功 */

  /* 颜色 — 文本 */
  --c-text-0:      #E8ECF7;   /* 正文 */
  --c-text-1:      #A6B0CC;   /* 次要 */
  --c-text-2:      #6B7494;   /* 占位 / 标签 */
  --c-text-mute:   #4A5378;   /* 极度弱化 */

  /* 渐变 */
  --g-cyan:        linear-gradient(135deg, #00E5FF 0%, #4DB6FF 100%);
  --g-violet:      linear-gradient(135deg, #B14BFF 0%, #FF3D8E 100%);
  --g-yellow:      linear-gradient(135deg, #F8E16C 0%, #FF9D4D 100%);
  --g-amber:       linear-gradient(135deg, #FF8C42 0%, #FF5E3A 100%);
  --g-mask:        linear-gradient(180deg, transparent 0%, rgba(0, 229, 255, 0.6) 50%, transparent 100%);

  /* 字体 */
  --f-display:     "Orbitron", "JetBrains Mono", "Space Mono", "Microsoft YaHei", sans-serif;
  --f-mono:        "JetBrains Mono", "Space Mono", "Fira Code", Consolas, monospace;
  --f-body:        "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --f-num:         "JetBrains Mono", "Space Mono", monospace;

  /* 字号（针对电视显示增大） */
  --fs-xs:         20px;
  --fs-sm:         20px;
  --fs-base:       22px;
  --fs-md:         24px;
  --fs-lg:         clamp(26px, 2.2vw, 32px);
  --fs-xl:         clamp(34px, 3.6vw, 48px);
  --fs-2xl:        clamp(48px, 7vw, 80px);
  --fs-3xl:        clamp(64px, 11vw, 140px);

  /* 间距（同步增大适应大屏） */
  --sp-1:          6px;
  --sp-2:          10px;
  --sp-3:          16px;
  --sp-4:          22px;
  --sp-5:          32px;
  --sp-6:          44px;
  --sp-7:          64px;
  --sp-8:          84px;
  --sp-9:          120px;

  /* 导航高度 */
  --nav-h:         80px;

  /* 阴影 / 发光 */
  --glow-cyan:     0 0 12px rgba(0, 229, 255, 0.45), 0 0 36px rgba(0, 229, 255, 0.18);
  --glow-violet:   0 0 12px rgba(177, 75, 255, 0.45), 0 0 36px rgba(177, 75, 255, 0.18);
  --glow-yellow:   0 0 12px rgba(248, 225, 108, 0.5), 0 0 36px rgba(248, 225, 108, 0.18);
  --glow-amber:    0 0 12px rgba(255, 140, 66, 0.5), 0 0 36px rgba(255, 140, 66, 0.18);
  --shadow-card:   0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-hover:  0 12px 48px rgba(0, 229, 255, 0.18);

  /* 过渡 */
  --t-fast:        120ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-base:        220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-slow:        480ms cubic-bezier(0.2, 0.8, 0.2, 1);

  /* 布局 */
  --container:     1280px;
}


/* 类别专属色（卡片徽标用） */
[data-cat="text"]  { --cat-c: var(--c-cyan);   --cat-g: var(--g-cyan);   }
[data-cat="image"] { --cat-c: var(--c-violet); --cat-g: var(--g-violet); }
[data-cat="video"] { --cat-c: var(--c-yellow); --cat-g: var(--g-yellow); }
[data-cat="car"]   { --cat-c: var(--c-amber);  --cat-g: var(--g-amber);  }

/* 模块专属色 */
[data-mod="ai"]    { --mod-c: var(--c-cyan);   --mod-g: var(--g-cyan);   }
[data-mod="3d"]    { --mod-c: var(--c-violet); --mod-g: var(--g-violet); }
[data-mod="make"]  { --mod-c: var(--c-amber);  --mod-g: var(--g-amber);  }