/* 2025-01-25: 디자인 시스템 import */
@import url('./design-system.css');

/* Pretendard Font - 2025-01-18: NanumSquareNeo에서 변경 */
@font-face {
    font-family: 'Pretendard';
    src: url('/font/PretendardVariable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* 2026-08-06: 'Pretendard Variable' 이름으로도 같은 웹폰트를 등록한다.
   컴포넌트/토큰(typeA 10개 파일, design-tokens-typeC.css)이 font-family 첫 후보로
   'Pretendard Variable' 을 쓰는데 이 이름이 @font-face 에 없었다.
   그 결과 이 이름의 폰트가 로컬에 설치된 PC 에서는 웹폰트 대신 로컬 폰트가 쓰여
   같은 화면이 PC 마다 다르게 렌더됐다(특정 PC 에서 쉼표가 안 보이던 원인).
   @font-face 로 정의된 family 는 로컬 설치 폰트보다 우선하므로 이걸로 고정된다. */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/font/PretendardVariable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* 2025-01-25: CSS 변수는 design-system.css에서 통합 관리 */
/* 테마 색상은 +layout.svelte에서 site-settings.json 기반으로 동적 오버라이드 */

/* 기본 body 스타일 */
/* 2025-01-25: design-system.css 변수 사용 */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
    font-size: var(--text-base);
    color: var(--color-text-primary);
}

/* 모바일 폰트 조정은 design-system.css에서 관리 */

/* 2024-12-18: viewer 페이지 공통 fade-in 스타일 */
.viewer-main {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.viewer-main.loaded {
    opacity: 1;
}