/* ══════════════════════════════════════════════════════════════
   TORVANE 令牌覆盖(nickel 浅色暖调)
   ──────────────────────────────────────────────────────────────
   加载顺序:style.css → store.css → 本文件 → 特征层
   作用:覆盖基础设计令牌,让【整站含所有内页】变成浅色暖调
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── 背景阶梯(浅色)── */
  --bg:            #F7F7F5;
  --bg-2:          #FFFFFF;
  --bg-3:          #EFEFEA;
  --surface:       #FFFFFF;
  --surface-2:     #F5F5F1;
  --surface-3:     #EBEBE6;
  --surface-4:     #E3E3DD;
  --surface-5:     #DCDCD5;

  /* ── 边框(暖灰)── */
  --border:        #E5E5DE;
  --border-light:  #EFEFE9;
  --border-2:      #D5D5CC;

  /* ── 文字 ── */
  --text:          #1E2A24;
  --text-2:        #3D4A42;
  --muted:         #7D8578;

  /* ── 强调:森林绿(品牌主色)── */
  --accent:        #2E7D5B;
  --accent-rgb:    46, 125, 91;
  --accent-2:      #2E7D5B;
  --accent-2-rgb:  46, 125, 91;
  --accent-dark:   #1F5C41;
  --accent-light:  #D6EFE4;
  --accent-2-dark: #1F5C41;

  /* ── 语义色(浅色背景上需要更深)── */
  --success:       #2E7D5B;
  --success-rgb:   46, 125, 91;
  --success-light: #A8DCC4;
  --warning:       #B8860B;
  --warning-rgb:   184, 134, 11;
  --warn:          #D97706;
  --purple:        #6B5BB5;
  --purple-rgb:    107, 91, 181;
  --whatsapp:      #25D366;
  --whatsapp-rgb:  37, 211, 102;
  --slate:         #5A6268;
  --slate-dark:    #3D4449;
  --light:         #FAFAF8;

  /* ── 渐变:浅色版 ── */
  --grad:      linear-gradient(135deg, #4A9E76 0%, #2E7D5B 55%, #1F5C41 100%);
  --grad-blue: linear-gradient(135deg, #2E7D5B, #1F5C41);

  /* ── 圆角:更圆润(与深色站的直角形成对比)── */
  --radius:    12px;
  --radius-lg: 20px;
  --r-2:  4px;
  --r-4:  6px;
  --r-5:  8px;
  --r-6:  10px;
  --r-8:  12px;
  --r-9:  14px;
  --r-10: 12px;
  --r-11: 14px;
  --r-12: 16px;
  --r-16: 20px;

  /* ── 字体:Manrope(nickel 的标题字体)── */
  --font-head: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* ── 阴影:浅色页需要柔和扩散阴影 ── */
  --shadow: 0 2px 16px rgba(30, 42, 36, .06), 0 12px 40px rgba(30, 42, 36, .04);

  /* ── 字号:标题更大 ── */
  --fs-9xl: 58px;
  --fs-8xl: 34px;
  --fs-7xl: 30px;
}
/* ══════════════════════════════════════════════════════════════
   ② 对齐 Hero 模板令牌(重要!)
   ──────────────────────────────────────────────────────────────
   每个 hero 模板都有自己的 --xx-* 命名空间变量。
   如果只改基础令牌,hero 仍会用它自己的硬编码颜色 → 首页/内页不一致。
   所以必须把 hero 的变量也指向品牌令牌。
   ══════════════════════════════════════════════════════════════ */

:root {
  /* nickel hero(nickel-hero.css)的变量 → 指向品牌令牌 */
  --nk-background:   var(--bg);
  --nk-foreground:   var(--text);
  --nk-primary:      var(--accent);
  --nk-primary-fg:   #ffffff;
  --nk-secondary:    var(--surface);
  --nk-secondary-fg: var(--text);
  --nk-muted:        var(--surface-2);
  --nk-muted-fg:     var(--muted);
  --nk-border:       var(--border);
  --nk-nav:          var(--surface);
  --nk-font:         var(--font-body);

  /* hero 按钮渐变 → 品牌绿的深浅 */
  --nk-hero-from:    #4A9E76;
  --nk-hero-to:      #1F5C41;

  /* 圆角对齐令牌 */
  --nk-radius-lg:    var(--r-10);
  --nk-radius-xl:    var(--r-12);
  --nk-radius-sm:    var(--r-6);
}