/* design-tokens-copper.css — DC Power 方向① 熔铜工业 (draft v0.1)
   Phase 1B 待用户选定方向后定稿。深炭底 + 拉丝铜 + 单线图签名。 */
:root {
  /* 色彩 4-6 色 */
  --paper: #16110C;            /* 页面底：深炭 */
  --surface: #241610;          /* 卡片/面板 */
  --surface-2: #3A2312;        /* 深一档强调面 */
  --ink: #F0E3D4;              /* 主文字：暖白 */
  --muted: #CBB9A3;            /* 次级文字 */
  --accent: #D99A55;           /* 铜：主强调 */
  --accent-strong: #B26A2E;    /* 铜深：hover/描边 */
  --accent-soft: rgba(217, 154, 85, .16); /* 铜雾：标签底 */
  --line: rgba(217, 154, 85, .24);
  --ok: #3EE6A0;
  --warn: #FFB84D;

  /* 字体 3 角色（系统栈，CSP font-src 'self' 友好） */
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: Inter, system-ui, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, 'Courier New', monospace;

  /* 布局 */
  --container: 1200px;
  --gap: 24px;
  --radius: 6px;               /* 锐利工业感，禁大圆角 */
  --radius-lg: 10px;
  --header-h: 72px;

  /* 密度 */
  --space-1: 8px; --space-2: 16px; --space-3: 24px;
  --space-4: 40px; --space-5: 64px; --space-6: 96px;

  /* 排版 */
  --fs-hero: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.5rem, 2.6vw, 2.1rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --lh-body: 1.7;

  /* 按钮 CTA */
  --btn-bg: var(--accent);
  --btn-ink: var(--paper);
  --btn-hover: #E2A968;
  --btn-radius: 6px;

  /* 签名元素：铜条纹理（CSS 渐变模拟拉丝） */
  --sig-copper: repeating-linear-gradient(135deg,
      rgba(217,154,85,.28) 0 2px, transparent 2px 7px);
}