/* AppFont(Pretendard) + body 타이포그래피 - Server(Blazor)/MAUI(BlazorHybrid) 호스트 공유 단일 소스.
   레이아웃(height/overflow/margin)과 셸 스타일은 호스트마다 다르므로 각 호스트의 app.css 에 둔다.
   여기에는 "Web 과 MAUI 가 반드시 동일해야 하는 폰트 정의"만 모은다.
   - woff2: 각 호스트 wwwroot/fonts/PretendardVariable.woff2 (절대경로 /fonts/ - 문서 base 기준).
     Server 는 자기 wwwroot, MAUI 는 csproj 가 이 파일과 woff2 를 Content Link 로 포함(단일 소스 유지).
   - font-size/line-height 토큰은 FluentUI lib.module.js 가 root 에 주입(base=14px). 주입 전 첫 페인트
     대비 14px/20px 폴백을 둔다(Web 과 동일 크기). */
@font-face {
    font-family: 'AppFont';
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/PretendardVariable.woff2') format('woff2-variations');
}

html, body {
    --body-font: 'AppFont', sans-serif;
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size, 14px);
    line-height: var(--type-ramp-base-line-height, 20px);
    /* 숫자 고정폭 - 가격/수량 컬럼 정렬 */
    font-variant-numeric: tabular-nums;
}