/* ==========================================================================
   REVIEWMAX — layout.css · 전역 디자인 표준 (타이포그래피)
   --------------------------------------------------------------------------
   표준 (STUDYMAX 과 동일):
     · 한글 = Pretendard   · 영문/숫자 = Inter
     · 폰트 스택은 Inter 를 앞에 둬서 라틴문자는 Inter, 한글은 Pretendard 로 자동 분기.
     · 기본 가중치 = 300 (엷고 단정한 느낌)
     · 타이틀(h1~h6, .panel-title 등) = 500 (본문과 살짝 구분)
     · 코드/숫자 강조 = JetBrains Mono

   ▶ 사용법: 모든 HTML <head> 최상단에 아래 한 줄만 추가하면 표준이 적용된다.
       <link rel="stylesheet" href="/layout.css" />
     (인라인 <style> 보다 먼저 두면, 페이지별 색/레이아웃은 그대로 두고
      폰트·기본 가중치만 표준으로 통일된다.)

   ▶ 새 페이지를 만들 때:
       body 에 별도 font-family 를 지정하지 말 것 — 표준이 알아서 적용된다.
       굳이 지정한다면 반드시  font-family: var(--font-sans);  을 쓴다.
       강조는 .fw-500 ~ .fw-700 유틸 또는 var(--fw-*) 토큰을 사용.
   ========================================================================== */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* 폰트 — 라틴=Inter, 한글=Pretendard 자동 분기 */
  --font-sans: 'Inter', 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
               system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', ui-monospace, Consolas, monospace;

  /* 가중치 표준 */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-base: 300;    /* 본문 기본 */
  --fw-title: 500;   /* 타이틀 기본 */
}

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-sans);
  font-weight: var(--fw-base);
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 타이틀 — 본문(300)과 구분되게 500. 이미 900 등 명시된 로고류는 그 값을 유지한다. */
h1, h2, h3, h4, h5, h6,
.panel-title, .side-name, .qa-head {
  font-weight: var(--fw-title);
  letter-spacing: -0.02em;
}

/* 폼 요소는 폰트를 상속 (브라우저 기본 굴림/Arial 방지) */
button, input, select, textarea { font-family: inherit; }

/* 모노 — 숫자/코드 강조 */
code, pre, kbd, samp, .mono { font-family: var(--font-mono); }

/* 가중치 유틸 (새 작업에서 강조가 필요할 때) */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
