@charset "utf-8";

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Cafe24ShiningStar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

:root {
    /* Font Family */
    --ft-title: "Paperozi", "Noto Sans KR", sans-serif;
    --ft-base: "Pretendard", "Noto Sans KR", sans-serif;
    --ft-point: "Cafe24ShiningStar", "Noto Sans KR", sans-serif;
    --ft-serif: "nanummyeongjo", "Noto Sans KR", sans-serif;

    /* Color */

    --black-500: #2F2B32;
    --black-300: #E4E4E4;
    --black-100: #f9f9f9;

    --purple-main: #762FAD;
    --purple-sub: #D9C7F3;
    --purple-bg: #FBF6FB;

    --pink-main: #FF8A86;
    --pink-sub: #F3D3D3;
    --pink-bg: #FBF5F7;

    --blue-main: #5674C2;
    --blue-sub: #B1DCFF;
    --blue-bg: #E9F3FF;

    --lightblue-main: #5C91EA;
    --lightblue-sub: #B5DBFF;
    --lightblue-bg: #EFFAFF;

    --green-main: #579E7F;
    --green-bg: #E7FBF9;
    --green-sub: #ECF5F1;

    --mint-main: #00B3B3;
    --mint-sub: #A7E0D0;
    --mint-bg: #E7FBF9;


    /* highlight */
    --main: var(--purple-main);
    --sub: var(--purple-sub);
    --bg: var(--purple-bg);
}

[data-theme="suwon"] {
    --theme-color: #762FAD;
    --theme-highlight: #D9C7F3;
}

[data-theme="daejeon"] {
    --theme-color: #5674C2;
    --theme-highlight: #B1DCFF;
}

[data-theme="saeteomin"] {
    --theme-color: #FF8A86;
    --theme-highlight: #F3D3D3;
}

[data-theme="jumunjin"] {
    --theme-color: #00B3B3;
    --theme-highlight: #A7E0D0;
}

[data-theme="goheung"] {
    --theme-color: #59B7D9;
    --theme-highlight: #B5DBFF;
}