/**
 * CSS变量定义 - 熏习15分钟
 * 注意：颜色变量由后台设置动态输出，这里只定义不变的样式变量
 */

/* ========================================
   基础样式变量
   ======================================== */
:root {
    /* 字体 - 优化阅读清晰度 */
    /* 宋体系列：经典中文阅读字体，思源宋体作为备选 */
    --font-serif: 'Songti SC', 'Noto Serif SC', 'Source Han Serif SC', 'STSong', 'SimSun', Georgia, 'Times New Roman', serif;
    /* 无衬线字体：用于界面元素 */
    --font-sans: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'Source Han Sans CN', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* 字号 */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 15px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 20px;
    
    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
}

/*
 * 颜色变量（--primary-color, --bg-page 等）由 functions.php 中的 ting_output_css_variables() 动态输出
 * 可在后台 "主题设置 -> 主题颜色" 中自定义
 */