@charset "utf-8";

/* ==========================================================================
   보이는 성경 프로젝트 디자인 시스템 (Design Tokens & Theme)
   구글 폰트 로드: Jua 및 Noto Sans KR (Regular/Bold) 연동
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;700&display=swap');

:root {
    /* --------------------------------------
       색상 스타일 (Color Variables)
       -------------------------------------- */
    --primary-color: #247D24;      /* 주조색: primary color */
    --second-color: #3EB23E;       /* 보조색: second color */
    --accent-color: #F0863F;       /* 강조색: accent color */
    --background-color: #EDF7ED;   /* 배경색: background color */
    --text-color: #333333;         /* 기본 글자색: text color */
}

/* --------------------------------------
   텍스트 스타일 클래스 (Typography Rules)
   -------------------------------------- */

/* H1 텍스트 스타일
   - font name : Jua (Regular)
   - font size : 96px -> 웹 표준 보정: 56px
   - font line : 120% (1.2) */
.text-h1 {
    font-family: 'Jua', sans-serif;
    font-weight: 400;
    font-size: 56px; /* 96px에서 56px로 1x 최적화 축소 */
    line-height: 1.2;
}

/* H2 텍스트 스타일
   - font name : Noto Sans KR (Bold)
   - font size : 48px -> 웹 표준 보정: 28px
   - font line : auto (normal) */
.text-h2 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 28px; /* 48px에서 28px로 1x 최적화 축소 */
    line-height: normal;
}

/* H3 텍스트 스타일
   - font name : Noto Sans KR (Bold)
   - font size : 38px -> 웹 표준 보정: 22px
   - font line : auto (normal) */
.text-h3 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 22px; /* 38px에서 22px로 1x 최적화 축소 */
    line-height: normal;
}

/* body 텍스트 스타일
   - font name : Noto Sans KR (Regular)
   - font size : 32px -> 웹 표준 보정: 18px
   - font line : 160% (1.6) */
.text-body {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 18px; /* 32px에서 18px로 1x 최적화 축소 */
    line-height: 1.6;
}

/* btm_text 텍스트 스타일
   - font name : Jua (Regular)
   - font size : 32px -> 웹 표준 보정: 18px
   - font line : auto (normal) */
.text-btm {
    font-family: 'Jua', sans-serif;
    font-weight: 400;
    font-size: 18px; /* 32px에서 18px로 1x 최적화 축소 */
    line-height: normal;
}

/* sub_text 텍스트 스타일
   - font name : Noto Sans KR (Regular)
   - font size : 16px -> 웹 표준 보정: 14px
   - font line : auto (normal) */
.text-sub {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 14px; /* 16px에서 14px로 미세 보정 축소 */
    line-height: normal;
}

/* --------------------------------------
   접근성 및 SEO 유틸리티 클래스
   -------------------------------------- */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}