/* ==========================================================================
   Datong 主题 · 设计变量
   取代原先的 Elementor Kit 与 Astra 自定义器：所有颜色、字体、间距、断点
   集中在这里，改一处即全站生效。
   ========================================================================== */

:root {
  /* ---- 颜色 ---- */
  --color-ink:         #1a1a1a;
  --color-ink-soft:    #4a4a47;
  --color-ink-muted:   #74716a;

  --color-brand:       #8c2f1f;   /* 主色：古城红墙 */
  --color-brand-dark:  #6d2317;
  --color-brand-soft:  #f6ece8;

  --color-accent:      #b07d2b;   /* 强调：琉璃金 */
  --color-accent-soft: #fbf3e4;

  --color-surface:     #ffffff;
  --color-surface-alt: #f8f6f2;
  --color-surface-dark:#262421;

  --color-line:        rgba(26, 26, 26, 0.12);
  --color-line-soft:   rgba(26, 26, 26, 0.06);

  --color-success:     #3b6d11;
  --color-warning:     #854f0b;

  /* ---- 字体 ---- */
  --font-sans:  "Inter", "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "Songti SC", Georgia, "Times New Roman", serif;

  /* 字号阶梯：随视口平滑缩放，避免为每个断点写死三套值 */
  --step-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --step-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
  --step-base: clamp(1rem, 0.97rem + 0.2vw, 1.0625rem);
  --step-lg:   clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  --step-xl:   clamp(1.375rem, 1.2rem + 0.9vw, 1.875rem);
  --step-2xl:  clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --step-3xl:  clamp(2.25rem, 1.6rem + 2.8vw, 4rem);

  --leading-tight: 1.2;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* ---- 间距 ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* ---- 圆角与阴影（阴影刻意只保留一级，避免 Elementor 式堆叠感）---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(26, 26, 26, 0.04), 0 8px 24px rgba(26, 26, 26, 0.06);

  /* ---- 布局 ---- */
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

  --header-h: 72px;

  /* ---- 断点（仅用于说明，实际使用 media query 中的固定值）---- */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}