/*폰트와 컬러 적용될 곳과 클래스 등에 정의*/

/*브랜드 폰트 - 브랜드 로고에 사용, 기록용으로 적어둠*/
.brand_font{
    font-weight: 600;
    font-family: var(--manrope-font);
}


/* 기본 설정 */
body {
    color: var(--body-clr);
    font-weight: 600;
    background-color: var(--body-bg-clr);
}

/*Inter-Pretendard 폰트 사용 클래스*/
body,
.title_font{
    font-family: var(--inter-font);
}

/*Manrope 폰트 사용 클래스*/
.point_font,
.extra_point_font,
.text_font{
    font-family: var(--manrope-font);
}


/* 타이틀용, 포인트용 폰트 */
.title_font,
.point_font {
    font-weight: 700;
}
.text_font {
    font-weight: 400;
}


/* 추가 강조 텍스트 */
.extra_point_font {
    font-weight: 700;
    color: var(--extra-point-clr);
}

/*포인트 컬러*/
.point_clr{
    color: var(--point-clr);
}
/*포인트 요소 백그라운드*/
.point_bg_clr{
    background: var(--point-clr);
}
/*엑스트라 포인트 컬러*/
.extra_point_clr{
    color: var(--extra-point-clr);
}
/*엑스트라 엑스트라 포인트 컬러*/
.extra_extra_point_clr{
    color: var(--extra-extra-point-clr);
}
/*엑스트라 요소 백그라운드 컬러*/
.extra_point_bg_clr{
    background: var(--extra-point-clr);
}
/*off-white 바디 색깔 포인트 컬러*/
.off-white_clr{
    color: var(--body-bg-clr);
}