/* Font Family CDN */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Ms+Madi&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rum+Raisin&display=swap');

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SeoulHangangM';
    src: url('/static/fonts/SeoulHangangM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Font Family */
    --primary-kr: 'Noto Sans KR', sans-serif;
    --primary-en: 'Roboto', sans-serif;
    --secondary-kr: 'NEXON Lv1 Gothic OTF', sans-serif;
    --secondary-en: 'Poppins', sans-serif;
    --tertiary-kr: 'S-CoreDream-3Light', sans-serif;
    --intro-title: 'SeoulHangangM', serif;
    --decor-font: 'Ms Madi', serif;
    --background-font:'Bungee Inline', sans-serif;

    /* Text Color */
    --black: #333333;
    --light-black: #555555;
    --dark-gray: #777777;
    --med-gray: #999999;
    --silver: #c0c0c0;
    --light-gray: #dddddd;
    --whitey-gray: #EEEEEE;
    --creamy-white: #f5f5f5;

    /* Object Color */
    --foam-latte: #DFD8CF;
    --latte: #A69880;
    --deep-latte: #746448;
    --red-wine: #8C1F1F;
    --youtube-red: #F20505;
    --mandarin: #FF8A00;
    --mustard: #FDB837;
    --olive: #A4B616;
    --dark-olive: #535925;
    --vivid-blue: #0078FF;
    --navy-blue: #20448C;

}