/* wf style 이 찍은 파일이다. 손으로 고치지 않는다.
   고칠 것이 있으면 shared/styles/ 를 고치고 wf style 을 다시 돌린다.
   고객사 고유값은 sites/<slug>/tokens.css 에 적는다 — 이 아래에 이어 붙는다.
   세트: formal — formal — 컨설팅·기관·인증
   브랜드: #064C8E

   WCAG AA(4.5:1) 실측 — 전부 통과분이다:
     16.08:1  본문 / 종이
     6.60:1  캡션 / 종이
     6.08:1  캡션 / 종이2
     5.54:1  캡션 / 띠
     4.97:1  캡션 / 틴트
     8.49:1  링크 / 종이
     9.07:1  밝은 브랜드 / 어두운 바탕
     8.35:1  버튼 글자 / 버튼 바탕
     15.55:1  다크 본문 / 어두운 바탕
     8.76:1  다크 캡션 / 어두운 바탕
     6.96:1  다크 캡션 / 다크 카드
     9.04:1  부제 / 종이
     9.34:1  부제 / 카드
     16.63:1  본문 / 카드
     6.83:1  캡션 / 카드
     10.05:1  강조 글자 / 종이
     10.39:1  강조 글자 / 카드
     7.56:1  강조 글자 / 틴트
   섹션 바탕 구별 최저 1.0852:1 (문턱 1.04) — 붙어 보이는 쌍 없음
*/

:root {
  /* 색 — 브랜드 하나에서 파생 */
  --brand: #064C8E;
  --card: #FFFFFF;
  --paper: #FBFBFC;
  --paper-2: #F0F2F4;
  --band: #E4E8EC;
  --tint: #D4DDE6;
  --rule: #D0D6DD;
  --rule-2: #ABB8C4;
  --brand-l: #A2C3E2;
  --ink: #191F24;
  --ink-2: #3D4852;
  --ink-3: #515C67;
  --link: #0F4C85;
  --brand-d: #0D4173;
  --dark: #181F25;
  --dark-2: #27313A;
  --on-dark: #F7F7F8;
  --on-dark-2: #B5BDC5;
  --btn-bg: #064C8E;
  --btn-ink: #FBFBFC;
  --shade: 24, 31, 37;   /* --dark 의 채널 — 그림자용 */

  /* 축 — formal */
  --r1: 0;
  --r2: 2px;
  --r-pill: 2px;
  --sh1: 0 1px 0 rgba(var(--shade),.04);
  --sh2: 0 1px 2px rgba(var(--shade),.07);
  --sh3: 0 2px 6px rgba(var(--shade),.10);
  --r3: 2px;
  --s1: 6px;
  --s2: 10px;
  --s3: 16px;
  --s4: 24px;
  --s5: clamp(32px, 3.6vw, 40px);
  --s6: clamp(48px, 6vw, 64px);
  --ff-head: "Nanum Myeongjo", "Noto Serif KR", AppleMyungjo, Georgia, "Times New Roman", serif;
  --ff-body: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Pretendard, "Noto Sans KR", system-ui, sans-serif;
  --fw-head: 600;
  --fw-body: 400;
  --ls-head: -0.005em;
  --lh-head: 1.35;
  --lh-body: 1.7;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Pretendard, "Apple SD Gothic Neo", monospace;
  --t1: 12px;
  --t2: 13px;
  --t3: 15px;
  --t4: 17px;
  --t-label: 19px;
  --t5: 21px;
  --t6: 24px;
  --t7: 30px;
  --t8: clamp(24px, 2.8vw, 32px);
  --max: 1080px;
  --gut: clamp(18px, 2.6vw, 24px);
  --dur: 260ms;
  --ease: cubic-bezier(.2, 0, .2, 1);
  --bw: 1px;
}

/* 고객사 고유값 — sites/<slug>/tokens.css */
:root {
  --t9: clamp(28px, 3.6vw, 42px);
  --teal: #0F6E72;
  --amber: #8F5D21;
  --max: 1240px;
  --t10: clamp(34px, 4.2vw, 58px);
  --t8-sec: clamp(26px, 2.6vw, 38px);
  --s7: clamp(48px, 5.6vw, 80px);
}