/* =====================================================================
   base-tokens.css — SINGLE SOURCE OF TRUTH for design tokens
   ---------------------------------------------------------------------
   Loaded globally in master.blade.php (right after main.css).
   Every page CSS MUST consume tokens via var(--o-*, <fallback>);
   NO page CSS may redefine --o-* (see DESIGN_SPEC §3.1 + 全站统一抽取计划).

   Values are the authoritative DESIGN_SPEC §3.1 table.
   Token set = §3.1 全集 + 实际使用的语义补充:
     --o-ink-2 / --o-ink-3  (辅助文字色, home 等使用)
     --o-radius-md          (中等圆角, home 使用)
     --o-vip                (会员色, account 使用)
   (order-detail 的 --o-avatar/--o-gap/--o-arrow 为聊天气泡局部变量, 不纳入)
   ===================================================================== */
:root {
  /* ---------- color ---------- */
  --o-accent: #0167F3;
  --o-accent-hover: #0a5ad6;
  --o-accent-ink: #162657;
  --o-bg: #f9f9f9;
  --o-card: #ffffff;
  --o-ink: #0d1117;
  --o-ink-2: #57606a;
  --o-ink-3: #8b949e;
  --o-line: #e6e8eb;
  --o-line-soft: #eef0f2;
  --o-danger: #ee4628;
  --o-success: #1a8f4c;
  --o-warn: #b7791f;
  --o-vip: #e8b4a0;
  --o-vip-1: #f4c4b8;

  /* ---------- soft tints ---------- */
  --o-accent-soft: rgba(1, 103, 243, .08);
  --o-success-soft: rgba(26, 143, 76, .10);
  --o-warn-soft: rgba(183, 121, 31, .12);
  --o-danger-soft: rgba(238, 70, 40, .10);
  --o-muted-soft: rgba(139, 148, 158, .14);

  /* ---------- radius ---------- */
  --o-radius: 16px;
  --o-radius-sm: 11px;
  --o-radius-md: 14px;
  --o-radius-tag: 4px;

  /* ---------- shadow ---------- */
  --o-shadow: 0 1px 2px rgba(13, 17, 23, .04), 0 8px 24px rgba(13, 17, 23, .06);
  --o-shadow-sticky: 0 2px 8px rgba(13, 17, 23, .08);
  --o-shadow-hover: 0 2px 8px rgba(1, 103, 243, .12), 0 18px 40px rgba(13, 17, 23, .10);

  /* ---------- type ---------- */
  --o-font-display: -apple-system, BlinkMacSystemFont, 'Manrope', "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --o-font-body: 'Manrope', sans-serif;

  /* ---------- layout rhythm ---------- */
  --o-touch: 44px;
  --o-gutter: 32px;
  --o-block: 16px;

  /* ---------- chrome metrics ---------- */
  --o-header-h: 50px;
  --o-bottomnav-h: 58px;
  --o-footer-h: 58px;
}