/* ==========================================================================
   Industrial Park Template Kit - Font Stylesheet
   Fonts: Pretendard, Paperlogy, Noto Sans KR, Montserrat, Cabin Sketch
   ========================================================================== */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&family=Cabin+Sketch:wght@400;700&display=swap");

:root {
    --font-primary: 'Pretendard', 'Noto Sans KR', sans-serif;
    --font-heading: 'Paperlogy', 'Pretendard', sans-serif;
    --font-en: 'Montserrat', sans-serif;
    --font-serif: 'Nanum Myeongjo', serif;
}

/* Font Family Utility Classes */
.font-primary { font-family: var(--font-primary) !important; }
.font-heading { font-family: var(--font-heading) !important; }
.font-en { font-family: var(--font-en) !important; }
.font-serif { font-family: var(--font-serif) !important; }

/* Font Weights */
.fw-100 { font-weight: 100 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

/* Text Alignment */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

/* Typography Scales */
.h1-title {
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.h2-title {
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.h3-title {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1.35;
}

.sub-title {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: #666666;
    line-height: 1.6;
}

.section-label {
    display: inline-block;
    font-family: var(--font-en);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--primary-color, #0f4c81);
    margin-bottom: 0.75rem;
}