/* =====================================================================
   Oxymph Design Tokens v2
   推导：OKLCH 色彩空间，身份色统一亮度/彩度带（L≈.60–.68, C≈.18–.25），
        只改亮度与彩度、保留 Figma 色相 → 认得出是同一套，但并排时不再"打架"。
   规范说明：design-v2/02-Token规范.md；可视化：Oxymph-设计规范v2.html
   作用域：仅 iOS。Watch 用 watch.css 自己的 --w-* 变量，不受影响。
   ===================================================================== */
:root{
  /* ───────── 1. 中性 ───────── */
  --c-ink:#121C26;                 /* 冷墨色：所有文字/图标的 alpha 基色（v1 是纯黑） */
  --t1:rgba(18,28,38,.92);         /* 主文字      13.8:1 */
  --t2:rgba(18,28,38,.64);         /* 次要文字     5.2:1  AA */
  --t3:rgba(18,28,38,.48);         /* 辅助/图标    3.1:1  仅 ≥13px 或图形 */
  --t4:rgba(18,28,38,.28);         /* 禁用/占位 */
  --t5:rgba(18,28,38,.07);         /* 分隔线 / 描边 */
  --c-bg:#F0FAFE;                  /* 氛围底（底部） */
  --c-bg-top:#D9F5FF;              /* 氛围底（顶部渐变起点） */
  --c-surface:#FFFFFF;             /* 内容卡 */
  --c-surface-2:#F2F6F9;           /* 卡内嵌套 / 输入框 / 骨架 */
  --c-hist:#DFE4E7;                /* 历史数据灰（只亮现在） */
  --bd-skin:#E7ECEF; --bd-ink:rgba(18,40,60,.5);   /* 标准人体：剪影 / 线稿 */
  --c-hist-ink:#B8C1C8;            /* 历史灰的线条版（细线在白底上需要更深一档） */
  --c-line:#E0E5E9;

  /* ───────── 2. 交互（规则：蓝=我的/操作，青=选中，橙=市场/他人内容） ───────── */
  --c-action:#0073D9;      --c-action-hi:#319CFC;  --c-action-ink:#0068C4;  --c-action-tint:#E5F2FF;
  --c-select:#0098D0;      --c-select-hi:#22C1F5;  --c-select-tint:#DBF3FF;
  --c-market:#E66700;      --c-market-hi:#FF8A2A;  --c-market-ink:#B04D00;  --c-market-tint:#FFEEE3;

  /* ───────── 3. 指标身份色（每屏最多亮 1 个） ───────── */
  --c-volume:#0089EA;  --c-volume-tint:#E5F3FF;     /* 容量 · 水滴 */
  --c-orm:#E97200;     --c-orm-tint:#FFF0E3;        /* 1RM · 仪表 */
  --c-drift:#D029B5;   --c-drift-tint:#FCEBF8;      /* 间歇漂移 · 计时器（v1 #BB00FF → 洋红，与就绪度拉开） */
  --c-ready:#713DF3;   --c-ready-tint:#F1EDFF;      /* 就绪度 · 环 */
  --c-quality:#00A383; --c-quality-tint:#E0F6F0;    /* 动作质量 · 波形（代码动作波形 mintDeep→activeGreen 的绿端） */
  --c-hr:#EA3C3F;      --c-hr-tint:#FFEEEC;         /* 心率 */
  --c-sleep:#586DE3;   --c-sleep-tint:#EEF1FF;      /* 睡眠 */
  --c-hrv:#009A97;     --c-hrv-tint:#E3F7F5;        /* HRV */
  --cyan:#16BDEB;      --cyan-2:#A3E4F7;            /* 图表色板：本期 / 包络带（不进 UI） */

  /* ───────── 4. 反馈 ───────── */
  --c-good:#03A14A;  --c-good-ink:#0A7E3A;  --c-good-tint:#E6F7EA;
  --c-warn:#CF7C00;  --c-warn-ink:#9F6200;  --c-warn-tint:#FFF3E2;
  --c-err:#E23532;   --c-err-ink:#C22826;   --c-err-tint:#FFEDEB;
  --c-live:#2EE36E;                                 /* 深色表面上的"实时"绿（灵动岛/播放器） */

  /* ───────── 5. 情绪色（整屏最多一处） ───────── */
  --c-pink:#FF77A2;  --c-pink-deep:#EF4E84;  --c-pink-tint:#FFEEF3;
  --c-gold:#E5A323;  --c-gold-deep:#C47F00;  --c-gold-ink:#986600; --c-gold-tint:#FFF5E1;
  --c-creator:#984DDB; --c-creator-tint:#F5EDFF;
  --c-heat-0:#E9EDF0; --c-heat-1:#DFF6E2; --c-heat-2:#96E7A7; --c-heat-3:#20C45F;

  /* ───────── 6. 圆角（同心规则：内圆角 = 外圆角 − 内边距，最小 8） ───────── */
  --r-xs:8px;      /* 小标签 / 内嵌胶囊 */
  --r-sm:12px;     /* 卡内瓷贴（24 卡 − 12 边距） */
  --r-md:16px;     /* 列表行 / 输入框 */
  --r-lg:24px;     /* 内容卡（Figma 首页卡） */
  --r-xl:30px;     /* 大卡 / Hero 卡（Figma 批注"大圆角 30"） */
  --r-2xl:38px;    /* 全屏 sheet 顶角 */
  --r-sheet:50px;  /* 浮动半屏：屏幕圆角 58 − 边距 8，和机身同心 */
  --r-pill:999px;

  /* ───────── 7. 间距（4pt 栅格） ───────── */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px; --s-9:56px;
  --gutter:20px;           /* 页面左右边距 */
  --card-pad:16px;         /* 内容卡内边距；Hero 卡用 20 */
  --sec-top:28px;          /* 区块标题上间距 */

  /* ───────── 8. 字号（SF Pro Rounded；数字一律 tabular） ───────── */
  --fs-display:64px;  /* 训练中重量 / 小结时长   400 */
  --fs-hero:48px;     /* 环中心 / 详情主数字     500 */
  --fs-large:34px;    /* 大标题                 700 */
  --fs-title:24px;    /* 导航标题 / 指标数字      500 */
  --fs-head:20px;     /* 区块标题               600 */
  --fs-body:16px;     /* 正文 / 行标题           500 */
  --fs-call:15px;     /* 次要正文               500 */
  --fs-foot:13px;     /* 辅助说明               500 */
  --fs-cap:11px;      /* 角标 / 大写标签          700 +.4 字距 */

  /* ───────── 9. 阴影（冷调、低不透明、大模糊） ───────── */
  --e-1:0 1px 1px rgba(18,40,60,.03),0 8px 24px -10px rgba(18,60,90,.12);   /* 内容卡 */
  --e-2:0 8px 40px rgba(18,40,60,.12);                                       /* 玻璃浮控（Figma 原值） */
  --e-3:0 -12px 48px rgba(18,40,60,.16);                                     /* sheet */
  /* 不使用彩色辉光阴影：主按钮是纯平实色（Figma Done 按钮），立体感只来自玻璃控件 */

  /* ───────── 10. 材质 ───────── */
  --g-light:rgba(255,255,255,.62);
  /* 液态玻璃（Tab bar / 浮动控件）：低不透明 + 强模糊高饱和 + 高光边 + 内反射 */
  --lg-fill:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.10));
  --lg-blur:blur(6px) saturate(210%) brightness(1.08) contrast(1.02);
  --lg-rim:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.95),inset -1px -1px 0 -.5px rgba(255,255,255,.6),inset 0 0 0 .5px rgba(255,255,255,.55),inset 0 0 14px rgba(255,255,255,.35),inset 0 -10px 16px -14px rgba(18,40,60,.18);
  --lg-shadow:0 12px 32px -10px rgba(18,40,60,.22),0 2px 6px rgba(18,40,60,.06);
  --g-dark:rgba(30,34,42,.56);
  --g-edge:inset 0 0 0 .5px rgba(255,255,255,.9),inset 0 1px 1.5px #fff;
  --ambient:linear-gradient(180deg,var(--c-bg-top) 0,#E9F8FF 240px,var(--c-bg) 560px);

  /* 渐变只保留个人页粉色顶块；按钮 / 选中态一律实色 */
  --grad-pink:linear-gradient(160deg,var(--c-pink),var(--c-pink-deep));

  /* ───────── 11. 动效 ─────────
     第 43 轮：去掉过冲。--e-spring 原 .34,1.42 会冲过头再抖回去，
     用在数据点 / 滑块 / 选中点上就成了「触电」感。见 design-v2/06-动效与过渡.md */
  --e-out:cubic-bezier(.2,.8,.2,1);
  --e-spring:cubic-bezier(.2,.9,.3,1);      /* 出现：快起慢收，不过冲 */
  --e-gesture:cubic-bezier(.32,.72,0,1);    /* 手势转场：推进去就停 */
  --d-fast:160ms; --d-base:280ms; --d-slow:520ms;
}