/* product_tokens.css · 产品候选页面 · 在 visual lab design_tokens.css 之上做产品级覆盖
 *
 * 复用 visual lab 的排版系统（10 档字号 / 8 档间距 / 字重）。
 * 仅强化深色对比 + 加产品独有变量（顶导高度 / hero 渐变 / 节奏 token）。
 * 不重复定义六类色板与字体。
 */

/* ====================================================================
 * 默认深色（产品级再增强）
 * ==================================================================== */
:root,
[data-style="dark-lab"] {
  --c-mainline_invest: #A85F4C;
  --c-asset_capsule: #E8A838;
  --c-net-positive: #D7B06A;
  --c-net-negative: #A85F4C;
  --c-evidence-exact: #E8A838;
  --c-evidence-coarse: #9B7A4A;

  /* 更纯黑底（visual lab 是 #06080B，产品级再深 + 更冷） */
  --pc-bg-base: #02060B;
  --pc-bg-surface-1: #070D13;
  --pc-bg-surface-2: #0E151C;
  --pc-bg-surface-3: #171E27;
  --pc-bg-hero-grad: radial-gradient(ellipse 1100px 560px at 50% -10%, rgba(168, 95, 76, 0.105), transparent 58%),
                     radial-gradient(ellipse 760px 360px at 90% 8%, rgba(232, 168, 56, 0.055), transparent 68%),
                     linear-gradient(180deg, #02060B 0%, #05090F 52%, #02060B 100%);

  --pc-fg-primary: #F7F3EA;
  --pc-fg-secondary: #AFA79A;
  --pc-fg-muted: #6D665F;
  --pc-fg-faint: #403D3A;

  --pc-line-hairline: rgba(247, 243, 234, 0.065);
  --pc-line-soft: rgba(247, 243, 234, 0.13);
  --pc-line-strong: rgba(247, 243, 234, 0.24);
  --pc-line-glow: rgba(232, 168, 56, 0.16);

  --pc-shadow-card: 0 1px 0 rgba(247, 243, 234, 0.035) inset, 0 16px 40px rgba(0, 0, 0, 0.38);
  --pc-shadow-hover: 0 1px 0 rgba(247, 243, 234, 0.08) inset, 0 20px 56px rgba(0, 0, 0, 0.48);

  --pc-nav-height: 64px;
  --pc-shell-max-width: 1440px;
  --pc-section-gap: 56px;
  --pc-card-radius: 8px;
  --pc-card-pad: 28px;

  --pc-accent-glow: 0 0 0 1px rgba(232, 168, 56, 0.16) inset, 0 0 24px -10px rgba(168, 95, 76, 0.30);

  /* 复用 visual lab 的六类色板，product 不重定义 */
}

/* ====================================================================
 * 暖色模式（设置里可切换 · 产品级再克制）
 * ==================================================================== */
[data-style="warm-handcraft"] {
  --pc-bg-base: #F0EADA;
  --pc-bg-surface-1: #EBE3CE;
  --pc-bg-surface-2: #F7F1E1;
  --pc-bg-surface-3: #FCF8EC;
  --pc-bg-hero-grad: radial-gradient(ellipse 1200px 600px at 50% -10%, rgba(168, 95, 76, 0.065), transparent 60%),
                     radial-gradient(ellipse 800px 400px at 90% 10%, rgba(164, 120, 41, 0.05), transparent 70%),
                     #F0EADA;

  --pc-fg-primary: #251D14;
  --pc-fg-secondary: #635541;
  --pc-fg-muted: #A89678;
  --pc-fg-faint: #C9BFA8;

  --pc-line-hairline: rgba(106, 90, 68, 0.06);
  --pc-line-soft: rgba(106, 90, 68, 0.14);
  --pc-line-strong: rgba(46, 36, 24, 0.30);
  --pc-line-glow: rgba(168, 95, 76, 0.16);

  --pc-shadow-card: 0 1px 0 rgba(255, 255, 255, 0.40) inset, 0 12px 32px rgba(46, 36, 24, 0.06);
  --pc-shadow-hover: 0 1px 0 rgba(255, 255, 255, 0.60) inset, 0 16px 44px rgba(46, 36, 24, 0.10);
}