/* ===========================================
   SiteForge / 全局设计系统变量 v2
   =========================================== */
:root {
  /* ===== 颜色一致性 ===== */
  --color-primary:    #1a2b4c;
  --color-accent:     #3b82f6;
  --color-bg-site:    #f8f9fa;
  --color-text-dark:  #111827;
  --color-text-muted: #6b7280;
  --color-surface:    #ffffff;
  --color-danger:     #ef4444;
  --color-success:    #10b981;

  /* ===== 几何 ===== */
  --radius-card:    16px;
  --radius-control: 8px;
  --radius-sm:      6px;

  /* ===== 阴影 ===== */
  --shadow-premium: 0 12px 32px rgba(0,0,0,.04);
  --shadow-hover:   0 16px 40px rgba(0,0,0,.08);

  /* ===== 动效 ===== */
  --transition-base: all .25s cubic-bezier(.4,0,.2,1);

  /* ===== 间距 ===== */
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 80px;

  /* ===== 字体 ===== */
  --font-heading: 'Inter','Noto Sans SC',sans-serif;
  --font-body:    'Inter','Noto Sans SC',sans-serif;
  --nav-height:   64px;
}

/* ===== 全局 ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text-dark);
  background-color: var(--color-bg-site);
  -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: var(--color-accent); }
a:hover { color: var(--color-accent); }
img { max-width: 100%; }
main { display: block; width: 100%; min-height: 50vh; }