/* ═══════════════════════════════════════════════
   设计令牌 — 唯一真相来源
   所有颜色在此定义，其他 CSS 文件不写死任何色值
   ═══════════════════════════════════════════════ */

:root {
  /* ── 颜色：浅色模式（暖色调奶油画布） ── */
  --color-canvas:            #faf9f5;
  --color-surface-card:      #efe9de;
  --color-primary:           #cc785c;
  --color-primary-rgb:       204, 120, 92;
  --color-ink:               #141413;
  --color-body:              #3d3d3a;
  --color-muted:             #6c6a64;
  --color-hairline:          #e6dfd8;

  /* ── 深色表面（代码块背景） ── */
  --color-surface-dark-soft: #1f1e1b;
  --color-code-text:         #e0dcd0;

  /* ── 字体栈 ── */
  --font-display: "Tiempos Headline", "Cormorant Garamond", "EB Garamond", Garamond, serif;
  --font-body:    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-code:    "JetBrains Mono", "Fira Code", Consolas, monospace;

  /* ── 排版层级 ── */
  --text-h1:      36px;
  --text-h2:      28px;
  --text-h3:      22px;
  --text-body:    16px;
  --text-caption: 13px;
  --text-code:    14px;

  --weight-normal: 400;
  --weight-medium: 500;

  --leading-tight:   1.15;
  --leading-snug:    1.2;
  --leading-relaxed: 1.3;
  --leading-body:    1.6;

  /* ── 间距（4px 基准） ── */
  --spacing-xs:  4px;
  --spacing-sm:  8px;
  --spacing-md:  16px;
  --spacing-lg:  24px;
  --spacing-xl:  32px;
  --spacing-2xl: 48px;

  /* ── 圆角 ── */
  --rounded-sm:   4px;
  --rounded-md:   8px;
  --rounded-lg:  12px;
  --rounded-full: 9999px;

  /* ── 布局 ── */
  --content-max-width: 720px;
}

/* ── 深色模式覆盖（珊瑚色保持不变） ── */
html[data-theme="dark"] {
  --color-canvas:            #181715;
  --color-surface-card:      #252320;
  --color-primary:           #cc785c;
  --color-primary-rgb:       204, 120, 92;
  --color-ink:               #faf9f5;
  --color-body:              #a09d96;
  --color-muted:             #8e8b82;
  --color-hairline:          #2a2825;
  --color-surface-dark-soft: #12110e;
}