/* ===== 共享设计变量 =====
 * index.html 和 links.html 共用，改品牌色只需改这一处。
 */

:root {
  /* 颜色 */
  --color-bg: #faf8f5;
  --color-surface: #ffffff;
  --color-alt: #f5f0ea;
  --color-text: #3d3529;
  --color-text-light: #7a7265;
  --color-accent: #c1784a;
  --color-accent-hover: #a05d33;
  --color-accent-dark: #7b462a;
  --color-accent-soft: rgba(193,120,74,.10);
  --color-border: #e5ded5;

  /* 排版 */
  --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Playfair Display', serif;

  /* 圆角阶梯 — 容器更软、内部更紧 */
  --radius-lg: 22px;
  --radius: 14px;
  --radius-sm: 8px;

  /* 阴影 — 暖棕调，统一光源自上方 */
  --shadow-sm: 0 1px 4px rgba(61,53,41,.06);
  --shadow: 0 6px 22px rgba(61,53,41,.09);
  --shadow-lg: 0 18px 48px rgba(61,53,41,.16);

  /* 间距 */
  --space-section: clamp(72px, 10vw, 120px);

  /* 动效 */
  --ease-out: cubic-bezier(.22,1,.36,1);
  --dur: .6s;

  /* 布局 */
  --max-width: 1200px;
  --nav-height: 64px;
}