/* ══════════════════════════════════════════════════════
   tokens.css — 知萃 Design Tokens v3.0
   版本: 3.0 | P0-1 双Token冲突修复 (2026-06-01)
   桥接: --z-* → --zd-* (v4.0 水滴品牌系统)
   基底: distillai-design-tokens.css (真理源, HTML中已加载)
   策略: 水滴品牌记忆 + 70%浅色工作层 + 20%深色品牌层 + 10%薄荷行动层
   ══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* v4.0 品牌文件在 HTML 中已加载，此处仅做桥接 */
/* @import url('distill-core.css'); — 已移除，不再需要 */

:root {
  /* ─── 背景层级 → Navy 深色品牌层 ─── */
  --z-bg-base:         var(--zd-navy-950);    /* #07101F */
  --z-bg-surface:      var(--zd-navy-900);    /* #0A1424 */
  --z-bg-surface-alt:  var(--zd-navy-850);    /* #0D1726 */

  /* ─── 品牌色 → Mint 薄荷行动层 ─── */
  --z-brand-primary:   var(--zd-mint-500);    /* #62E3A7 */
  --z-brand-hover:     var(--zd-mint-400);    /* #8AF0C1 */

  /* ─── 语义色 ─── */
  --z-growth:          var(--zd-mint-500);    /* 成长 = 薄荷绿 */
  --z-evidence:        var(--zd-sky-500);     /* 证据链 = 天蓝 #38BDF8 */
  --z-graph:           var(--zd-lavender-500);/* 图谱 = 薰衣草紫 #A78BFA */
  --z-paper:           var(--zd-paper);       /* #FFFFFF */

  /* ─── 文字层级 ─── */
  --z-text-primary:    var(--zd-ink);         /* #111827 */
  --z-text-secondary:  var(--zd-muted);       /* #667085 */
  --z-text-dim:        var(--zd-dim);         /* #94A3B8 */

  /* ─── 间距 (8px 基准) ─── */
  --z-space-xs:        4px;
  --z-space-sm:        8px;
  --z-space-md:        12px;
  --z-space-lg:        16px;
  --z-space-xl:        20px;
  --z-space-2xl:       24px;
  --z-space-3xl:       32px;
  --z-space-4xl:       48px;

  /* ─── 圆角 (统一 14px) ─── */
  --z-radius-sm:       14px;
  --z-radius-md:       16px;
  --z-radius-lg:       24px;
  --z-radius-full:     999px;

  /* ─── 阴影 ─── */
  --z-shadow-card:     0 2px 12px rgba(10, 20, 36, 0.06);
  --z-focus-ring:      0 0 0 3px rgba(98, 227, 167, 0.45); /* mint */

  /* ─── 字体 ─── */
  --z-font-sans:       Inter, -apple-system, BlinkMacSystemFont,
                       'Segoe UI', 'PingFang SC', 'Microsoft YaHei',
                       'Noto Sans SC', Arial, sans-serif;
  --z-font-mono:       'SF Mono', 'Cascadia Code', Consolas,
                       'Liberation Mono', 'Courier New', monospace;

  /* ─── 渐变 → Mint/Navy v4.0 品牌色 ─── */
  --z-gradient-cta:    linear-gradient(120deg, var(--zd-mint-500), var(--zd-lavender-500));
  --z-gradient-hero:   linear-gradient(120deg, var(--zd-cloud), var(--zd-mint-100), var(--zd-mint-200));

  /* ─── 边框 ─── */
  --z-border:           var(--zd-line);       /* #E6EAF0 */
  --z-border-dim:       var(--zd-line2);      /* #DDE3EC */
  --z-border-hover:     rgba(98, 227, 167, 0.25);

  /* ─── 强调背景 → Mint tint ─── */
  --z-accent-bg:        rgba(98, 227, 167, 0.10);
  --z-accent-bg-dim:    rgba(98, 227, 167, 0.06);

  /* ─── 覆盖层 → Navy ─── */
  --z-overlay:          rgba(7, 16, 31, 0.6);

  /* ─── 语义色 ─── */
  --z-danger:           var(--zd-rose-500);   /* #EF4444 */

  /* ─── 逆向文字 (用于深色背景按钮) ─── */
  --z-text-on-cta:      #ffffff;

  /* ─── 动效 ─── */
  --z-ease-out:         cubic-bezier(0.2, 0, 0, 1);
  --z-duration-hover:   160ms;
  --z-duration-normal:  300ms;
}