@import url("./reset.css");

@font-face {
    font-family: "Pretendard";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F; /* 한글 */
}

@font-face {
    font-family: "MaruBuri";
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0020-007F; /* 기본 영문, 숫자, 기호 */
}

@font-face {
    font-family: "MaruBuri";
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    unicode-range: U+0020-007F; /* 기본 영문, 숫자, 기호 */
}

@font-face {
    font-family: "MaruBuri";
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    unicode-range: U+0020-007F; /* 기본 영문, 숫자, 기호 */
}

* {
    font-family: "Pretendard", sans-serif !important;
}
.font-pre {
    font-family: "Pretendard", serif !important;
}
.font-mar {
    font-family: "MaruBuri", serif !important;
}


/* 전역 변수 & 기본 레이아웃 */
:root {
    --cream: #FAF4E8; /* 따뜻한 밝은 베이지 */
    --dark-cream: #E8DBC6; /* 톤다운된 베이지 */
    --accent: #3BAA7A; /* 메인 포인트: 세련된 그린(민트·청록 사이) */
    --dark: #1E2A24; /* 딥 그린블랙 */
    --darker: #0F1A15; /* 더 깊은 포레스트 블랙 */
    --text: #ffffff; /* 화이트 */
    --text-secondary: #C8D3CD;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--nav-offset);
}

body {
    font-family: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    background: linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);
    color: var(--text);
    min-height: 100vh;
    overflow-x: hidden;
    word-wrap: break-word;
    word-break: keep-all;
}

section {
    padding: 100px 40px;
    max-width: 1400px;
    margin: auto;
}

h1:focus {
    outline: none;
} 

@media(max-width:768px) {
    section {
        padding: 60px 20px;
    }
    :root {
        --nav-offset: 50px;
    }
}

/* toast */
.toast {
    position: absolute;
    z-index: 10;
    background: #1f2325cc;
    color: white;
    border-radius: 8px;
    padding: 15px 25px;
    min-width: 200px;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    animation: fadein 0.3s ease, fadeout 0.3s ease 1s;
}

    .toast p {
        font-size: 24px;
    }

    .toast.top {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .toast.middle {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .toast.bottom {
        left: 50%;
        bottom: 40px;
        transform: translateX(-50%);
    }