/* 반해 사이트 텍스트 토큰 정본 (2026-10-27, 브랜딩). 세 장(홈 /, about, partners) 공통.
   글자 크기 8단계 · 행간 4단계 · 자간 3단계 · 글자 색 토큰. 값을 바꿀 땐 여기 한 곳만.
   색 출처 : brand/컬러_정본_261015.md (orange #F5993D 하나, 두 번째 오렌지 금지). */
:root{
  /* 서체 */
  --ff:Pretendard,system-ui,sans-serif;
  --ff-num:Montserrat,Pretendard,sans-serif;      /* 큰 숫자(카운터)만 */
  --ff-serif:"Noto Serif KR",serif;              /* 2016 두 줄, 홈 .s2 만 */

  /* 글자 크기 : 모바일 하한 → 데스크톱 상한 */
  --fs-1:clamp(32px,4vw,54px);     /* 머리 제목 */
  --fs-2:clamp(26px,3.2vw,42px);   /* 절 제목 */
  --fs-3:clamp(22px,2.4vw,30px);   /* 소제목·큰 한 줄 */
  --fs-4:clamp(19px,1.8vw,24px);   /* 리드 문장 */
  --fs-5:clamp(17px,1.5vw,20px);   /* 본문 큰 것 */
  --fs-6:16px;                     /* 본문 */
  --fs-7:14px;                     /* 보조·캡션 */
  --fs-8:12.5px;                   /* 꼬리표·작은 라벨(모바일 최소) */

  /* 행간 */
  --lh-tight:1.15;   /* --fs-1, 큰 숫자 */
  --lh-head:1.3;     /* --fs-2·3 */
  --lh-text:1.5;     /* --fs-4·5, 짧은 본문 */
  --lh-read:1.7;     /* 긴 문단 */

  /* 자간 */
  --ls-head:-.03em;  /* 제목 */
  --ls-text:-.01em;  /* 본문 */
  --ls-caps:.08em;   /* 대문자 라벨(SCROLL·MISSION 류는 연출값 유지 가능) */

  /* 굵기 : 400 본문 · 600 강조·소제목 · 700 제목 · 800 큰 숫자만 */

  /* 색 : 밝은 바탕 글자 */
  --ink:#2B2420;                    /* 본문 */
  --ink-2:rgba(43,36,32,.62);       /* 보조 */
  --ink-3:rgba(43,36,32,.35);       /* 흐림·비활성 */
  --sub:#6E625A;                    /* 보조 글자(단색이 필요할 때) */
  --line:rgba(43,36,32,.14);        /* 선 */
  --line-soft:rgba(43,36,32,.08);

  /* 색 : 어두운 바탕 글자 */
  --on:#FFFFFF;
  --on-2:rgba(255,255,255,.86);
  --on-3:rgba(255,255,255,.72);
  --on-4:rgba(255,255,255,.5);

  /* 강조·판정 */
  --orange:#F5993D;
  --orange-text:color-mix(in srgb,var(--orange) 72%,#2B2420);  /* 밝은 바탕 위 오렌지 글자, 두 번째 오렌지 대신 */
  --good:#0E7AED;   /* 좋은 성분 */
  --warn:#D9AA2D;   /* 의심 성분(정본 #F5C649는 미색 위 가독 불가라 명도만 내림) */
  --bad:#F55A31;    /* 주의 성분 */

  /* 어두운 바탕 둘(세 장 공유). 장마다 다른 바탕(--bg·--paper·--band)은 각 장 :root에 둔다 */
  --night:#1D2133; --night2:#292C38;
}