/* ═══════════════════════════════════════════
   德城科技 · 设计令牌
   唯一真相源 — index.html 和 brand-kit.html 共用
   继承自 vivihuang.evopearl.com/brand-kit
   适配：暗色主题 / 工业制造 / B2B 出海
   ═══════════════════════════════════════════ */

:root {
  /* —— 品牌色（白底 + 工业纹理）—— */
  --white:      #FFFFFF;
  --paper:      #FFFFFF;
  --card:       #FFFFFF;
  --card-hover: #F5F2EE;
  --input-bg:   #FAFAF8;
  --border:     #E8E4DE;
  --border-soft:#DED9D2;
  --ink:        #1C1917;
  --ink-soft:   #5C5550;
  --ink-muted:  #9C9590;
  --sage:       #3D6B4A;
  --sage-light: #4A8260;
  --sage-dim:   #2E5238;
  --coral:      #D4785F;
  --coral-light:#E0927D;
  --coral-dim:  #B5654D;
  --red:        #DC2626;
  --red-soft:   #DC2626;
  --warn-bg:    rgba(220,38,38,0.05);

  /* —— 纹理（白底：浅灰纹理点/线，PCB焊盘质感）—— */
  --tex-dot:    rgba(0,0,0,0.03);
  --tex-line:   rgba(0,0,0,0.03);
  --tex-line-soft: rgba(0,0,0,0.02);
  --tex-tag-bg:    rgba(0,0,0,0.03);
  --header-bg:      rgba(255,255,255,0.92);
  --hero-grad-1:    #0e1511;
  --hero-grad-2:    #111a14;
  --section-alt:    rgba(0,0,0,0.015);
  --card-shadow:    0 1px 3px rgba(0,0,0,0.05);

  /* —— 字体 —— */
  --sans:  'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --serif: 'Noto Serif SC', 'STSong', 'Songti SC', 'SimSun', 'NSimSun', serif;
  --mono:  'JetBrains Mono', 'Consolas', monospace;

  /* —— 字号 —— */
  --fs-hero:   clamp(3rem, 6vw, 5rem);
  --fs-h1:     clamp(2rem, 4vw, 3rem);
  --fs-h2:     clamp(1.5rem, 3vw, 2rem);
  --fs-h3:     1.125rem;
  --fs-body:   16px;
  --fs-small:  0.875rem;
  --fs-xs:     0.813rem;
  --fs-label:  0.688rem;

  /* —— 字重 —— */
  --fw-body: 350;
  --fw-mid:  400;
  --fw-bold: 600;

  /* —— 间距 (8px grid) —— */
  --s4:   4px;   --s8:   8px;   --s12: 12px;  --s16: 16px;
  --s20:  20px;  --s24:  24px;  --s32: 32px;  --s40: 40px;
  --s48:  48px;  --s64:  64px;  --s80: 80px;  --s96: 96px;
  --s120: 120px; --s160: 160px;

  /* —— Hero 板块间距 —— */
  --hero-gap-xs: clamp(1.5vh, 2vh, 3vh);
  --hero-gap-sm: clamp(3vh, 4vh, 5vh);
  --hero-gap-md: clamp(5vh, 7vh, 9vh);
  --hero-gap-lg: clamp(7vh, 10vh, 13vh);

  /* —— 布局 —— */
  --content-w: clamp(1100px, 80vw, 1600px);
  --pad-x:  48px;
  --radius: 16px;

  /* —— 行高 —— */
  --lh-body: 1.75;
  --lh-hd:   1.15;

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.15s;
  --dur-mid:  0.3s;
}

/* ═══════════════════════════════════════════
   暗色主题
   ═══════════════════════════════════════════ */
[data-theme="dark"] {
  --paper:      #18181B;
  --card:       #1F1F23;
  --card-hover: #27272B;
  --border:     #2A2A2F;
  --border-soft:#323238;
  --ink:        #E4E4E7;
  --ink-soft:   #A1A1AA;
  --ink-muted:  #71717A;
  --red-soft:   #FCA5A5;
  --warn-bg:    rgba(220,38,38,0.06);
  --tex-dot:    rgba(255,255,255,0.06);
  --tex-line:   rgba(255,255,255,0.03);
  --tex-line-soft: rgba(255,255,255,0.02);
  --tex-tag-bg:    rgba(255,255,255,0.04);
  --header-bg:      rgba(24,24,27,0.85);
  --hero-grad-1:    #0c1310;
  --hero-grad-2:    #101c16;
  --section-alt:    rgba(255,255,255,0.008);
  --card-shadow:    none;
}