/* ============================================================
 * 澄源知本 · 官网设计令牌
 * 与 docs/03-产品设计规范.md 同源：深松墨绿 / 宣纸 / 鎏金
 * 官网定位「门面」，以深松暗夜为底、鎏金为韵、宣纸为纸。
 * ============================================================ */
:root {
  /* —— 深松（基底暗色）—— */
  --pine-990: #050F0C;          /* 最深处，页脚/极致暗部 */
  --pine-950: #071A15;          /* 页面主背景 */
  --pine-900: #0C2620;          /* 品牌开印色，卡片底 */
  --pine-850: #102E26;          /* 上浮表面 */
  --pine-800: #15382E;          /* 悬停表面 */
  --pine-700: #1C4739;          /* 分隔、描边 */
  --pine-600: #26594A;          /* 弱描边 */

  /* —— 品牌主绿（与产品令牌 #176B5B 同源）—— */
  --green-500: #176B5B;
  --green-400: #2E8B76;
  --green-300: #55A892;
  --green-weak: rgba(23, 107, 91, 0.16);

  /* —— 鎏金（点缀，克制使用）—— */
  --gold-600: #A8874F;
  --gold-500: #C9A86A;          /* 主鎏金 */
  --gold-400: #DDC08A;          /* 亮鎏金 */
  --gold-300: #EEDDB4;          /* 高光鎏金 */
  --gold-weak: rgba(201, 168, 106, 0.14);
  --gold-gradient: linear-gradient(120deg, #A8874F 0%, #EEDDB4 38%, #C9A86A 62%, #8F7140 100%);

  /* —— 宣纸（亮面/文字）—— */
  --paper-50: #FAF6EC;
  --paper-100: #F3EDDD;
  --paper-200: #E7DFC9;
  --paper-300: #D6CCAF;

  /* —— 墨色文字 —— */
  --ink-strong: #F2EEE2;        /* 暗底主文字 */
  --ink-body: #C6CDBF;          /* 暗底正文 */
  --ink-muted: #8A968C;         /* 暗底辅助 */
  --ink-faint: #5E6E64;         /* 暗底最弱 */

  /* —— 语义 —— */
  --success: #3D9A6C;
  --warning: #D9A006;
  --danger: #C2574A;

  /* —— 字体 —— */
  --font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

  /* —— 字阶 —— */
  --fs-display: clamp(2.6rem, 6vw, 4.6rem);
  --fs-h1: clamp(2.1rem, 4.4vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  /* —— 间距 —— */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
  --sp-32: 128px;

  /* —— 圆角与描边 —— */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-full: 999px;
  --line-faint: 1px solid rgba(201, 168, 106, 0.18);
  --line-pine: 1px solid var(--pine-700);

  /* —— 阴影 / 光晕 —— */
  --shadow-card: 0 18px 48px rgba(3, 12, 9, 0.55);
  --glow-gold: 0 0 24px rgba(201, 168, 106, 0.35);
  --glow-green: 0 0 32px rgba(46, 139, 118, 0.3);

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  /* —— 布局 —— */
  --container: 1200px;
  --nav-height: 72px;
}