/* 폰트 시스템 리팩토링: CSS 변수 정의 */
:root {
    /* Google Fonts (fonts.html에서 로드됨):
       Inter, Outfit, Noto Serif KR, Roboto Mono, Caveat, Playfair Display, Cinzel, Great Vibes
       
       CDN Loaded Codes:
       Pretendard, SUIT, Wanted Sans, MaruBuri
    */

    /* 기본 폰트 (Default Fallback) */
    --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* 
       ================================
       1. Core Font Variables (Raw)
       ================================
    */
    /* Korean High-Quality Sans (Gothic) */
    --font-pretendard: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    --font-suit: 'SUIT', sans-serif;
    --font-wanted: 'Wanted Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-noto-sans: 'Noto Sans KR', sans-serif;
    --font-spoqa: 'Spoqa Han Sans Neo', 'Malgun Gothic', sans-serif;

    /* Korean High-Quality Serif (Myeongjo) */
    --font-noto-serif: 'Noto Serif KR', serif;
    --font-maruburi: 'MaruBuri', serif;

    /* English / Display */
    --font-outfit: 'Outfit', sans-serif;
    --font-playfair: 'Playfair Display', serif;
    --font-cinzel: 'Cinzel', serif;
    --font-roboto-mono: 'Roboto Mono', monospace;
    --font-caveat: 'Caveat', cursive;
    --font-great-vibes: 'Great Vibes', cursive;


    /* 
       ================================
       2. Semantic Keys (DB Mapping)
       ================================
    */

    /* Default Mapping (Legacy Support) */
    --font-sans-serif: var(--font-inter);
    --font-serif: var(--font-noto-serif);
    --font-display: var(--font-outfit);
    --font-monospace: var(--font-roboto-mono);

    /* Legacy Keys */
    --font-classic: var(--font-cinzel);
    --font-handwriting: var(--font-caveat);
    --font-fancy: var(--font-great-vibes);

    /* New Keys (Direct Mapping) */
    --font-pretendard: var(--font-pretendard);
    /* Self-reference for consistency in JS handling */
    /* Note: In CSS, var(--a) can point to value. Here we reuse the names. */
}

/* 유틸리티 클래스 (필요 시 사용) */
.font-pretendard {
    font-family: var(--font-pretendard);
}

.font-suit {
    font-family: var(--font-suit);
}

.font-wanted {
    font-family: var(--font-wanted);
}

.font-maruburi {
    font-family: var(--font-maruburi);
}