/* ============================================================
   本地字体定义 — 品牌字体本地托管
   Ma Shan Zheng（马善政书法体）+ Noto Serif SC（思源宋体）
   已下载至 css/fonts/，通过 @font-face 本地加载，零联网依赖
   ============================================================ */

/* 引入本地 @font-face 定义（woff2 分片，按 unicode-range 按需加载） */
@import url('./font-face-mashanzheng.css');
@import url('./font-face-notoserif.css');

/* 无衬线字体（正文/UI）— 优先系统字体 */
:root {
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB',
        'Source Han Sans SC', 'Noto Sans CJK SC',
        'WenQuanYi Micro Hei', sans-serif;

    /* 衬线字体（标题/装饰）— 优先本地 Noto Serif SC，fallback 系统宋体 */
    --font-serif: 'Noto Serif SC', 'Songti SC', 'SimSun',
        'Source Han Serif SC', 'Noto Serif CJK SC', 'STSong', serif;

    /* 书法/手写字体 — 优先本地 Ma Shan Zheng，fallback 系统楷体 */
    --font-handwriting: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', '楷体',
        'STXingkai', '华文行楷', cursive;

    /* iOS Safari 动态视口高度（dvh），解决 vh 包含工具栏的问题 */
    --app-vh: 1vh;
}

/* 支持 dvh 的浏览器使用动态视口高度 */
@supports (height: 100dvh) {
    :root {
        --app-vh: 1dvh;
    }
}

/* 全局应用 */
body {
    font-family: var(--font-sans);
}

/* 衬线标题 */
.serif, .font-serif, h1.serif, h2.serif, .home-hero-title {
    font-family: var(--font-serif);
}

/* 书法标题 */
.handwriting, .font-handwriting, .brand-calligraphy {
    font-family: var(--font-handwriting);
}