/* ==========================================================================
   金钠 King-Sodium 官网 · 设计令牌（环保绿版）
   视觉语言：森林绿主色阶 + 中性灰 + 活力橙 CTA + 薄荷绿点缀
   说明：变量名沿用上一版命名（--navy / --blue），值已整体切换为环保绿阶，
        避免全站数十处引用全部重命名带来的回归风险；
        新语义别名见 --forest-* / --heading。
   ========================================================================== */

:root{
  /* ---------- 环保绿主色阶（深色承载 / 森林绿 → 翠绿） ---------- */
  --forest-1000: #06281C;
  --forest-900:  #0A3A28;
  --forest-800:  #0E4C33;
  --forest-700:  #0D7F48;   /* 主色：可安全承载白字 */
  --forest-600:  #12A05C;
  --forest-500:  #16B96B;
  --forest-400:  #34D399;

  --ink:        var(--forest-1000);
  --navy-900:   var(--forest-900);
  --navy-800:   var(--forest-800);
  --navy:       var(--forest-700);
  --navy-600:   var(--forest-600);
  --navy-500:   var(--forest-500);

  /* 正文 / 标题色（浅底上用，深墨绿） */
  --heading:    #0B3D2A;

  /* ---------- 品牌 / 交互绿（亮一档） ---------- */
  --blue:       #0D7F48;
  --blue-600:   #12A05C;
  --blue-500:   #16B96B;
  --blue-400:   #34D399;
  --blue-300:   #7FE8B4;
  --blue-200:   #C6EFDB;
  --blue-100:   #E1F8EC;
  --blue-50:    #F1FCF6;

  /* ---------- 活力橙（CTA / 强调，与绿互补） ---------- */
  --amber:      #FF6A13;
  --amber-600:  #E85A00;
  --amber-100:  #FFEDE2;

  /* ---------- 薄荷绿（可持续 / 储能标识） ---------- */
  --green:      #10B981;
  --green-400:  #34D399;
  --green-100:  #DCFCE7;

  /* ---------- 中性（去蓝调，偏中性灰绿） ---------- */
  --white:      #FFFFFF;
  --silver:     #E8EFEA;
  --silver-2:   #F4F9F6;
  --line:       #DBE7E0;
  --line-soft:  #EAF2ED;
  --grey-700:   #33463D;
  --grey-600:   #47594F;
  --grey-500:   #667A6F;
  --grey-400:   #90A39A;
  --grey-300:   #B6C6BE;

  /* ---------- 深色区块内的文字 ---------- */
  --on-dark:        #FFFFFF;
  --on-dark-2:      #C8E3D6;
  --on-dark-3:      #93B5A6;
  --on-dark-line:   rgba(255,255,255,.14);
  --on-dark-line-2: rgba(255,255,255,.08);
  --on-dark-bg:     rgba(255,255,255,.05);

  /* ---------- 渐变（顶部整体提亮，去近黑） ---------- */
  --grad-hero:  linear-gradient(150deg,#0C4A33 0%,#106545 38%,#12804D 72%,#0B4A32 100%);
  /* 内页深色区块专用：保持沉稳底色，保证浅色正文对比达标 */
  --grad-deep:  linear-gradient(150deg,#083024 0%,#0E4C33 58%,#0A3A28 100%);
  --grad-blue:  linear-gradient(135deg,#0D7F48 0%,#12A05C 52%,#34D399 118%);
  --grad-glow:  radial-gradient(closest-side,rgba(52,211,153,.2),rgba(52,211,153,0));

  /* ---------- 图表数据色（同色相拉开明度，保证堆叠段可辨） ---------- */
  --chart-1: #0B4A33;
  --chart-2: #12A05C;
  --chart-3: #7FE8B4;

  /* ---------- 圆角（偏小，工业感） ---------- */
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;
  --sp-9: 48px; --sp-10: 64px; --sp-11: 80px; --sp-12: 104px;

  /* ---------- 阴影（色相随绿色系） ---------- */
  --sh-sm: 0 1px 2px rgba(8,40,28,.06), 0 2px 8px rgba(8,40,28,.05);
  --sh-md: 0 2px 6px rgba(8,40,28,.06), 0 12px 28px rgba(8,40,28,.08);
  --sh-lg: 0 8px 20px rgba(8,40,28,.08), 0 28px 60px rgba(8,40,28,.12);
  --sh-blue: 0 10px 30px rgba(13,127,72,.26);
  --sh-amber: 0 10px 26px rgba(255,106,19,.3);

  /* ---------- 字体 ---------- */
  --font: "HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-en: "Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono: "JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;

  /* ---------- 版面宽度 ---------- */
  --w-wrap: 1200px;
  --w-wide: 1360px;
  --w-read: 760px;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.22,.68,0,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .5s;
}