/* 명경(明鏡) 디자인 토큰 — 컨셉: "정밀한 측정을 다정하게 전달한다"
   규칙: 오행색=데이터 전용(장식 금지) · 측정 숫자=모노+오차 병기 · 모션=측정 순간만 · 공포색 금지 */
:root {
  /* 컬러 — 지면 */
  --paper:      #FAF7F0;  /* 기본 바탕: 웜 페이퍼 */
  --paper-deep: #F1EAD9;  /* 섹션 구분 바탕 */
  --card:       #FDFAF2;  /* 카드 바탕: 종이에서 반 발만 밝게(순백 금지 — 튐) */
  --line:       #E3DCCB;  /* 괘선 */
  --hair:       #EAE3D4;  /* 헤어라인: 카드·구분선용 연한 경계(강한 잉크선 금지) */
  /* 컬러 — 잉크 */
  --ink:        #1E2A3A;  /* 본문·제목: 딥 네이비 잉크 (경고·흉살도 이 색) */
  --ink-soft:   #5C6470;  /* 보조·근거 */
  --ink-line:   #C9CBBC;  /* 테두리에 잉크가 필요할 때: 옅게 뜬 잉크(2px solid 금지) */
  /* 컬러 — 포인트 */
  --measure:    #2160D6;  /* 실측 수치·차트 전용 1색 (버튼·텍스트 UI엔 쓰지 말 것) */
  /* 컬러 — 브랜드 액센트: 버튼·번호 등 비데이터 UI용 갈색 (오행/측정색은 데이터 전용) */
  --accent-brown: #7C5B34;
  /* 컬러 — 오행 (데이터 표시 전용, UI 장식 사용 금지) */
  --wood:  #2E7D51;
  --fire:  #C6493C;
  --earth: #C08A2D;
  --metal: #8A8F99;
  --water: #3D6EA5;
  /* 타이포 */
  --font-sans:  Pretendard, "Apple SD Gothic Neo", -apple-system, sans-serif;
  --font-mono:  "SF Mono", "JetBrains Mono", ui-monospace, monospace; /* 측정 숫자 전용 */
  --font-serif: "Noto Serif KR", "Apple Myungjo", serif;              /* 한자 병기 전용 */
  --font-brush: "GungSeo", "Gungsuh", "궁서", "Noto Serif KR", serif; /* 궁서 — 장 제목·의례 요소 전용, 본문 금지 */
  --fs-display: 27px;  --fw-display: 800;
  --fs-h2:      17px;  --fw-h2:      800;
  --fs-hook:    15.5px;--fw-hook:    600;
  --fs-body:    14.5px;--lh-body:    1.7;
  --fs-note:    11.5px;
  /* 간격·형태 — 4px 기반 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;
  --w-content: 480px;
  --r-bubble: 18px; --r-card: 12px; --r-chip: 8px;
  /* 모션 — 기본 0, 측정 카운트업만 */
  --motion-measure: 600ms cubic-bezier(.2,.8,.2,1);
  /* 전통 패턴 — 포인트 전용(섹션 구분·카드 헤더·의례 요소). 전면 도배 금지 */
  --pattern-lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M0 0H22M0 11H22M0 22H22M0 0V22M11 0V22M22 0V22' stroke='%231E2A3A' stroke-opacity='.14' stroke-width='1.4'/%3E%3C/svg%3E");
  --pattern-meander: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14'%3E%3Cpath d='M1 13 V1 H17 M17 1 V9 H7 V5 H12' fill='none' stroke='%231E2A3A' stroke-width='1.6'/%3E%3C/svg%3E");
  /* 아자살(亞字) 문살 — 창틀 격자, 헤더 띠·카드 상단 포인트 */
  --pattern-ajasal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%231E2A3A' stroke-opacity='.16' stroke-width='1.3'%3E%3Cpath d='M0 20H40M20 0V40'/%3E%3Crect x='12' y='12' width='16' height='16'/%3E%3Cpath d='M20 0V12M20 28V40M0 20H12M28 20H40'/%3E%3C/g%3E%3C/svg%3E");
  /* 종이 질감 — 미세 그레인 */
  --texture-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)' opacity='0.05'/%3E%3C/svg%3E");
  /* 한지 섬유결 — 가로로 늘어진 섬유 얼룩(이방성 turbulence) */
  --texture-hanji: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.45' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23h)' opacity='0.06'/%3E%3C/svg%3E");
  /* 붓 자국 — 제목 뒤 얼룩(러프 엣지 displacement) */
  --brush-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='64'%3E%3Cdefs%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015 0.12' numOctaves='2' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='16'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='14' y='18' width='292' height='28' rx='14' fill='%23C08A2D' fill-opacity='0.22' filter='url(%23r)'/%3E%3C/svg%3E");
}