/* ==========================================================================
   kantu.ai · Design Tokens · 暗色 AI 风(功能页专用)
   方向  : 深蓝黑底 + 青/紫科技感 + 发光阴影
   作用页: ea-prompts.php / ea-prompts-library.php / xau-vision.php / ai-chat.php
   注意  : 首页 index / 登录 login / 注册 register 是 D 风(amber SaaS),
           那三页在自己的内联 <style> 里本地覆盖了 :root,不受本文件影响。
   变量名和 FT 版保持 100% 一致,只改值。
   ========================================================================== */

:root {
  /* ----------  底色 · 多层深蓝黑  ---------- */
  --paper:         #0b1020;            /* 页面主底 · 深蓝黑 */
  --paper-tint:    #131a2e;            /* 卡片 / 凸起底 */
  --paper-sunk:    #0e1426;            /* 交替 section 底 */
  --paper-deep:    #1a2340;            /* 输入框底 / 代码块底 */
  --light:         #131a2e;            /* 老变量兼容 */

  /* ----------  墨色 · 反转为亮字  ---------- */
  --ink:           #e8edf7;
  --ink-strong:    #ffffff;
  --ink-dim:       #b4bed4;
  --ink-mute:      #7a86a3;
  --ink-faint:     #4a5575;

  /* ----------  老变量兼容  ---------- */
  --text-primary:   #ffffff;
  --text-secondary: #b4bed4;
  --text-muted:     #7a86a3;

  /* ----------  分隔线 · 暗底低对比边  ---------- */
  --rule:          #1f2a46;
  --rule-strong:   #2e3a5c;
  --rule-hair:     #161c30;

  /* ----------  品牌主色 · 青色(AI / tech 标志色)  ---------- */
  --accent:        #22d3ee;
  --accent-ink:    #06b6d4;
  --accent-soft:   rgba(34, 211, 238, .14);
  --accent-red:    #f87171;
  --accent-orange: #fbbf24;
  --accent-green:  #34d399;
  --accent-cyan:   #22d3ee;
  --accent-purple: #a78bfa;

  /* ----------  强调金 · 高亮数据  ---------- */
  --gold:          #f59e0b;
  --gold-bright:   #fbbf24;
  --gold-soft:     rgba(245, 158, 11, .15);
  --gold-ink:      #fde68a;
  --warn:          #f59e0b;
  --warn-soft:     rgba(245, 158, 11, .15);

  /* ----------  信号色 · 暗底上提亮  ---------- */
  --pos:           #34d399;
  --pos-soft:      rgba(52, 211, 153, .15);
  --neg:           #f87171;
  --neg-soft:      rgba(248, 113, 113, .15);
  --info:          #60a5fa;
  --info-soft:     rgba(96, 165, 250, .15);

  /* ----------  类别标识色  ---------- */
  --cat-human:       #60a5fa;
  --cat-human-soft:  rgba(96, 165, 250, .15);
  --cat-lab:         #a78bfa;
  --cat-lab-soft:    rgba(167, 139, 250, .15);

  /* ----------  Footer · 最深层  ---------- */
  --footer:        #050810;
  --footer-dim:    #4a5575;

  /* ----------  字体 · 全部 sans(AI 风不用衬线)  ---------- */
  --font-sans:
    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  --font-serif:
    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:
    'JetBrains Mono', 'Source Code Pro', 'SF Mono', Menlo, Consolas, monospace;

  /* ----------  字阶  ---------- */
  --f-display:  48px;
  --f-h1:       34px;
  --f-h2:       26px;
  --f-h3:       18px;
  --f-body:     15px;
  --f-small:    13.5px;
  --f-micro:    12px;
  --f-caps:     11.5px;

  --lh-tight:   1.18;
  --lh-snug:    1.4;
  --lh-body:    1.65;

  /* ----------  几何 · AI 风稍大圆角  ---------- */
  --container:  1200px;
  --gutter:     24px;
  --gutter-lg:  40px;

  --r-xs:       4px;
  --r-sm:       6px;
  --r-md:       10px;
  --r-lg:       14px;
  --r-xl:       20px;
  --r-pill:     999px;

  /* ----------  间距  ---------- */
  --s-1:  4px;   --s-2:  8px;   --s-3:  12px;  --s-4:  16px;
  --s-5:  20px;  --s-6:  24px;  --s-8:  32px;  --s-10: 40px;
  --s-12: 48px;  --s-16: 64px;

  /* ----------  动效  ---------- */
  --dur:       .2s;
  --dur-slow:  .35s;
  --ease:      cubic-bezier(.2, .8, .2, 1);

  /* ----------  阴影 · 暗底发光,不用纯黑投影  ---------- */
  --shadow-xs:   0 1px 2px rgba(0, 0, 0, .35);
  --shadow-sm:   0 2px 6px rgba(0, 0, 0, .35);
  --shadow-card: 0 4px 14px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .03);
  --shadow-md:   0 6px 20px rgba(0, 0, 0, .45);
  --shadow-lg:   0 14px 40px rgba(0, 0, 0, .55);
  --shadow-hero: 0 0 32px rgba(34, 211, 238, .28);
  --shadow-gold: 0 0 24px rgba(245, 158, 11, .3);

  /* ----------  card-c 等老页面局部变量的默认值(青)  ---------- */
  --card-c:      #22d3ee;
}

/* ==========================================================================
   Utility classes
   ========================================================================== */
.kt-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
.kt-mono      { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.kt-caps      { text-transform: uppercase; letter-spacing: .08em; font-size: var(--f-caps); font-weight: 700; }

/* ==========================================================================
   暗底下的 body 默认色(兜底,避免页面忘了显式设置)
   ========================================================================== */
body { background: var(--paper); color: var(--ink); }

/* 选中高亮 · 青色 */
::selection { background: rgba(34, 211, 238, .3); color: #fff; }

/* 滚动条 · 暗色细 */
::-webkit-scrollbar        { width: 10px; height: 10px; }
::-webkit-scrollbar-track  { background: var(--paper); }
::-webkit-scrollbar-thumb  { background: var(--rule-strong); border-radius: var(--r-pill); }
::-webkit-scrollbar-thumb:hover { background: #3d4a6e; }