/* =============================================================
   Pocket Coach UI 2.0 — Design Tokens
   体系：Aurora AI（极光智能视觉）
   说明：所有颜色 / 字号 / 间距 / 圆角 / 动效 一律走令牌，
        禁止在页面样式中硬编码色值，保证换肤与主题一致性。
   ============================================================= */

:root {
  /* ---------- Aurora 极光原色 ---------- */
  --aurora-lavender: #C9B6FF;   /* 薰衣草紫 */
  --aurora-blue:     #A8D8FF;   /* 冰蓝 */
  --aurora-pink:     #FFD1E8;   /* 浅粉 */
  --aurora-mint:     #B4EFE4;   /* 薄荷（辅助） */
  --aurora-violet:   #8B6BFF;   /* 深紫（品牌锚点） */

  /* ---------- 表面 / 材质 ---------- */
  --bg-base:          #F5F4FC;
  --bg-base-2:        #EEF0FB;
  --surface:          #FFFFFF;
  --glass-bg:         rgba(255, 255, 255, .62);
  --glass-bg-strong:  rgba(255, 255, 255, .84);
  --glass-bg-dim:     rgba(255, 255, 255, .42);
  --glass-border:     rgba(255, 255, 255, .90);
  --glass-stroke:     rgba(139, 107, 255, .10);
  --glass-blur:       20px;
  --scrim:            rgba(23, 19, 49, .42);

  /* ---------- 文字 ---------- */
  --ink-1: #171331;   /* 主文字 */
  --ink-2: #4E4870;   /* 次文字 */
  --ink-3: #8A84A6;   /* 辅助 / 占位 */
  --ink-4: #B3AEC6;   /* 极弱 */
  --ink-inv: #FFFFFF;

  /* ---------- 品牌 ---------- */
  --brand-1: #7C5CFF;
  --brand-2: #A98CFF;
  --brand-3: #C9A8FF;
  --brand-grad: linear-gradient(135deg, #7C5CFF 0%, #A98CFF 55%, #C9A8FF 100%);
  --brand-grad-soft: linear-gradient(135deg, rgba(124,92,255,.16) 0%, rgba(168,216,255,.16) 100%);
  --brand-ring: rgba(124, 92, 255, .34);

  /* ---------- 证据状态（Evidence States） ----------
     语义固定，全项目唯一来源：
       verified    = 已核实，可作为事实陈述
       conditional = 估算/部分核实，须带说明
       hold        = 证据不足，禁止作为事实
       blocked     = 动作被证据门阻断
     本套色为「中性安全色」，与涨跌色分离，避免语义串台。 */
  --ev-verified:     #0E9F9A;
  --ev-verified-bg:  rgba(14, 159, 154, .12);
  --ev-verified-bd:  rgba(14, 159, 154, .30);
  --ev-cond:         #D98700;
  --ev-cond-bg:      rgba(217, 135, 0, .13);
  --ev-cond-bd:      rgba(217, 135, 0, .30);
  --ev-hold:         #7D7A93;
  --ev-hold-bg:      rgba(125, 122, 147, .14);
  --ev-hold-bd:      rgba(125, 122, 147, .30);
  --ev-block:        #E5484D;
  --ev-block-bg:     rgba(229, 72, 77, .12);
  --ev-block-bd:     rgba(229, 72, 77, .30);

  /* ---------- 盈亏（中国市场惯例：涨=红，跌=绿） ---------- */
  --pnl-up:   #E5484D;
  --pnl-down: #12A150;
  --pnl-flat: #6B6785;

  /* ---------- 功能色 ---------- */
  --ok:   #0E9F9A;
  --warn: #D98700;
  --err:  #E5484D;
  --info: #4C7DF0;

  /* ---------- 圆角 ---------- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 34px;
  --r-pill: 999px;

  /* ---------- 阴影（紫色调，避免灰扑感） ---------- */
  --sh-1: 0 1px 2px rgba(60, 45, 120, .05), 0 2px 8px rgba(60, 45, 120, .06);
  --sh-2: 0 4px 12px rgba(60, 45, 120, .08), 0 10px 28px rgba(60, 45, 120, .09);
  --sh-3: 0 10px 24px rgba(60, 45, 120, .12), 0 22px 52px rgba(60, 45, 120, .14);
  --sh-brand: 0 8px 22px rgba(124, 92, 255, .32);
  --sh-inner-hi: inset 0 1px 0 rgba(255, 255, 255, .85);

  /* ---------- 间距（4pt 网格） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* ---------- 字体（Android 优先） ---------- */
  --font-cn: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans SC", "MiSans",
             "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC",
             "Microsoft YaHei", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-num: "SF Pro Display", "DIN Alternate", "HarmonyOS Sans",
              system-ui, -apple-system, sans-serif;

  --fs-display: 34px;
  --fs-h1: 24px;
  --fs-h2: 20px;
  --fs-h3: 17px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;

  --lh-tight: 1.25;
  --lh-body: 1.6;
  --ls-tight: -0.01em;
  --ls-wide: 0.02em;

  /* ---------- 动效 ---------- */
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --t-fast: 160ms;
  --t-mid: 260ms;
  --t-slow: 420ms;

  /* ---------- 布局 ---------- */
  --app-max: 430px;
  --appbar-h: 56px;
  --navbar-h: 62px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --gutter: 20px;

  /* ---------- 层级 ---------- */
  --z-bg: 0;
  --z-view: 10;
  --z-appbar: 30;
  --z-navbar: 40;
  --z-sheet: 60;
  --z-toast: 80;
}

/* 降低动效偏好：全局收敛动画 */
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 1ms; --t-mid: 1ms; --t-slow: 1ms; }
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
