/* Simg font Default */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

/* Language-specific font settings */
html[lang="kr"] bodyd{
    font-family: 'Noto Sans KR', sans-serif;
}

html[lang="en"] body {
    font-family: 'Noto Sans', sans-serif;
}

html[lang="ja"] body {
    font-family: 'Noto Sans JP', sans-serif;
}

html[lang="vi"] body {
    font-family: 'Noto Sans', sans-serif;
}

/* Default font settings */
:root {
    --font-family-sans-serif: "Noto Sans KR", "Noto Sans", "Noto Sans JP", "Noto Sans SC", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.simg-font {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

/* Audiowide 폰트 스타일 */
.simg-audiowide {
    font-family: 'Audiowide', cursive;
}

.simg-text-40-black {
    font-size: 40px;
    font-weight: 900;
    line-height: normal;
}

/* Simg font style - Bold */
.simg-text-60-bold {
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-48-bold {
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-40-bold {
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-36-bold {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-32-bold {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-30-bold {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-28-bold {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-26-bold {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-24-bold {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-20-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-18-bold {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-16-bold {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.simg-text-14-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

/* Simg font style - Medium */
.simg-text-60-medium {
    font-size: 60px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-48-medium {
    font-size: 48px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-40-medium {
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-36-medium {
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-32-medium {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-30-medium {
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-28-medium {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-26-medium {
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-24-medium {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-22-medium {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-20-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-18-medium {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-16-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.simg-text-14-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

/* Simg font style - Regular */
.simg-text-60-regular {
    font-size: 60px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-48-regular {
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-40-regular {
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-36-regular {
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-32-regular {
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-30-regular {
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-28-regular {
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-26-regular {
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-24-regular {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-22-regular {
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-20-regular {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-18-regular {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-16-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.simg-text-14-regular {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/* Simg font style - Light */
.simg-text-60-light {
    font-size: 60px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-48-light {
    font-size: 48px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-40-light {
    font-size: 40px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-36-light {
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-32-light {
    font-size: 32px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-30-light {
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-28-light {
    font-size: 28px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-26-light {
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-24-light {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-20-light {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-18-light {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-16-light {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.simg-text-14-light {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

/* text alignments */
.text-left {
    text-align: left;
}
  
.text-center {
    text-align: center;
}
  
.text-right {
    text-align: right;
}

/* Simg design colors */

.simg-page-bg {
    background-color: rgba(230, 230, 230, var(--simgOpacity40));
}

.simg-black {
    color: var(--black);
}

.simg-bg-black {
    background-color: var(--black);
}

.simg-white {
    color: var(--white);
}

.simg-bg-white {
    background-color: var(--white);
}

.simg-gray100 {
    color: var(--gray100);
}

.simg-bg-gray100 {
    background-color: var(--gray100);
}

.simg-gray200 {
    color: var(--gray200);
}

.simg-bg-gray200 {
    background-color: var(--gray200);
}

.simg-gray300 {
    color: var(--gray300);
}

.simg-bg-gray300 {
    background-color: var(--gray300);
}

.simg-gray400 {
    color: var(--gray400);
}

.simg-bg-gray400 {
    background-color: var(--gray400);
}

.simg-gray500 {
    color: var(--gray500);
}

.simg-bg-gray500 {
    background-color: var(--gray500);
}

.simg-gray600 {
    color: var(--gray600);
}

.simg-bg-gray600 {
    background-color: var(--gray600);
}

.simg-gray700 {
    color: var(--gray700);
}

.simg-bg-gray700 {
    background-color: var(--gray700);
}

.simg-gray800 {
    color: var(--gray800);
}

.simg-bg-gray800 {
    background-color: var(--gray800);
}

.simg-tangerine {
    color: var(--simgTangerine);
}

.simg-bg-tangerine {
    background-color: var(--simgTangerine);
}

.simg-deepTangerine {
    color: var(--simgDeepTangerine);
}

.simg-bg-deepTangerine {
    background-color: var(--simgDeepTangerine);
}

.simg-blue {
    color: var(--simgBlue);
}

.simg-bg-blue {
    background-color: var(--simgBlue);
}

.simg-indigo {
    color: var(--simgIndigo);
}

.simg-bg-indigo {
    background-color: var(--simgIndigo);
}

.simg-navy {
    color: var(--simgNavy);
}

.simg-bg-navy {
    background-color: var(--simgNavy);
}

.simg-deepNavy {
    color: var(--simgDeepNavy);
}

.simg-bg-deepNavy {
    background-color: var(--simgDeepNavy);
}

.simg-opacity10 {
    opacity: 0.1;
}

.simg-opacity20 {
    opacity: 0.2;
}

.simg-opacity40 {
    opacity: 0.4;
}

.simg-opacity60 {
    opacity: 0.6;
}

.simg-opacity80 {
    opacity: 0.8;
}