/* ==========================================================================
   CSS 变量定义 - 布局 + 非颜色
   颜色变量统一由 root.css 管理
   ========================================================================== */

:root {
  /* 内容宽度 */
  --content-width: 600px;

  /* 字号 */
  --p: calc(14.5rem / 16);

  /* 间距 */
  --spacing: 0.25rem;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 10px;

  /* 兼容别名（指向 root.css 变量） */
  --text-color: var(--textColor);
  --text-secondary: var(--textSecondaryColor);
  --heading-color: var(--headingColor);
  --border-light: #f0f0f0;
  --border-hover: #d6d6d6;
}