/* Source: Conalog/design-system 101da65ab73f937fd0a50fa19825726431b193cb; full leaf adapter, values unchanged. */ /* JSON SHA256: 2e54a09b6c9381b6634bdfb82f8ce4110b85655626a9ff2c6e0eeccf4a532064; 372 leaves. */ :root{ --ds--generated: "scripts/generate-tokens.js가 common/foundation/ 문서에서 생성 — 직접 편집하지 않는다."; --ds-version: 1; --ds-color-scale-primary-50: #f9fcff; --ds-color-scale-primary-100: #e3f0ff; --ds-color-scale-primary-200: #c7e1fe; --ds-color-scale-primary-300: #a6cefe; --ds-color-scale-primary-400: #71affe; --ds-color-scale-primary-500: #2596fe; --ds-color-scale-primary-600: #0172e8; --ds-color-scale-primary-700: #034ac1; --ds-color-scale-primary-800: #0537a8; --ds-color-scale-primary-900: #0a268b; --ds-color-scale-primary-950: #0a166b; --ds-color-scale-gray-50: #fbfcfd; --ds-color-scale-gray-100: #f0f4f9; --ds-color-scale-gray-200: #e2e9f1; --ds-color-scale-gray-300: #cdd5e0; --ds-color-scale-gray-400: #aeb8c7; --ds-color-scale-gray-500: #8a94a4; --ds-color-scale-gray-600: #6c7788; --ds-color-scale-gray-700: #4d5768; --ds-color-scale-gray-800: #333b49; --ds-color-scale-gray-900: #191f2b; --ds-color-scale-gray-950: #060911; --ds-color-scale-gray-00: #ffffff; --ds-color-scale-green-50: #f4fffa; --ds-color-scale-green-100: #d1f9e8; --ds-color-scale-green-200: #a8f2d4; --ds-color-scale-green-300: #75e5bc; --ds-color-scale-green-400: #33ce9c; --ds-color-scale-green-500: #0aa87a; --ds-color-scale-green-600: #098560; --ds-color-scale-green-700: #066f51; --ds-color-scale-green-800: #035d44; --ds-color-scale-green-900: #024c38; --ds-color-scale-green-950: #003c2b; --ds-color-scale-red-50: #fffafa; --ds-color-scale-red-100: #ffebe9; --ds-color-scale-red-200: #ffd9d5; --ds-color-scale-red-300: #febab4; --ds-color-scale-red-400: #fe8e88; --ds-color-scale-red-500: #fe5766; --ds-color-scale-red-600: #e3223b; --ds-color-scale-red-700: #b60720; --ds-color-scale-red-800: #98040f; --ds-color-scale-red-900: #7b0802; --ds-color-scale-red-950: #600400; --ds-color-scale-yellow-50: #fffbf4; --ds-color-scale-yellow-100: #fef3d6; --ds-color-scale-yellow-200: #fbe9b3; --ds-color-scale-yellow-300: #f9d988; --ds-color-scale-yellow-400: #fdc65f; --ds-color-scale-yellow-500: #feae44; --ds-color-scale-yellow-600: #f98c3c; --ds-color-scale-yellow-700: #db6d34; --ds-color-scale-yellow-800: #bb5525; --ds-color-scale-yellow-900: #9b4118; --ds-color-scale-yellow-950: #7d2d06; --ds-color-semantic-bg-layer-basement-ref: "gray.100"; --ds-color-semantic-bg-layer-basement-doc: "맨 아래 층 — 화면 배경 · 사이드바 · 스코프 바. 바닥은 명시 의무(UA white 금지)."; --ds-color-semantic-bg-layer-basement-value: #f0f4f9; --ds-color-semantic-bg-layer-basement-pressed-ref: "gray.200"; --ds-color-semantic-bg-layer-basement-pressed-doc: "맨 아래 층 위 hover·눌림·현재 위치 면 (내비게이션 레일 아이템)."; --ds-color-semantic-bg-layer-basement-pressed-value: #e2e9f1; --ds-color-semantic-bg-layer-default-ref: "gray.50"; --ds-color-semantic-bg-layer-default-doc: "기본 층 — 위젯 카드 표면."; --ds-color-semantic-bg-layer-default-value: #fbfcfd; --ds-color-semantic-bg-layer-default-pressed-ref: "gray.100"; --ds-color-semantic-bg-layer-default-pressed-doc: "기본 층 위 hover·눌림 (목록 행 · 보조 컨트롤 · text 버튼)."; --ds-color-semantic-bg-layer-default-pressed-value: #f0f4f9; --ds-color-semantic-bg-layer-floating-ref: "gray.00"; --ds-color-semantic-bg-layer-floating-doc: "떠 있는 층 — 메뉴·팝오버·모달 + 목적 있는 면(입력·선택·카드 안 데이터 패널). 구조(바닥·사이드바·pane)에 금지."; --ds-color-semantic-bg-layer-floating-value: #ffffff; --ds-color-semantic-bg-layer-floating-pressed-ref: "gray.100"; --ds-color-semantic-bg-layer-floating-pressed-doc: "떠 있는 층 위 hover·눌림."; --ds-color-semantic-bg-layer-floating-pressed-value: #f0f4f9; --ds-color-semantic-bg-primary-weak-ref: "primary.100"; --ds-color-semantic-bg-primary-weak-doc: "브랜드 연한 면 (선택·강조 · primary weak 버튼)."; --ds-color-semantic-bg-primary-weak-value: #e3f0ff; --ds-color-semantic-bg-primary-weak-pressed-ref: "primary.200"; --ds-color-semantic-bg-primary-weak-pressed-doc: "bg.primary-weak의 hover·눌림."; --ds-color-semantic-bg-primary-weak-pressed-value: #c7e1fe; --ds-color-semantic-bg-primary-solid-ref: "primary.500"; --ds-color-semantic-bg-primary-solid-doc: "브랜드 solid 면 (CTA). 흰 글자가 올라갑니다."; --ds-color-semantic-bg-primary-solid-value: #2596fe; --ds-color-semantic-bg-primary-solid-pressed-ref: "primary.600"; --ds-color-semantic-bg-primary-solid-pressed-doc: "bg.primary-solid의 hover·눌림."; --ds-color-semantic-bg-primary-solid-pressed-value: #0172e8; --ds-color-semantic-bg-neutral-weak-ref: "gray.100"; --ds-color-semantic-bg-neutral-weak-doc: "중립 연한 면 (관심 배지 · neutral weak 버튼 · 버튼 disabled 면)."; --ds-color-semantic-bg-neutral-weak-value: #f0f4f9; --ds-color-semantic-bg-neutral-weak-pressed-ref: "gray.200"; --ds-color-semantic-bg-neutral-weak-pressed-doc: "bg.neutral-weak의 hover·눌림."; --ds-color-semantic-bg-neutral-weak-pressed-value: #e2e9f1; --ds-color-semantic-bg-neutral-solid-ref: "gray.800"; --ds-color-semantic-bg-neutral-solid-doc: "중립 solid 면 — 어두운 채움 (툴팁, 강조 면). 흰 글자가 올라갑니다."; --ds-color-semantic-bg-neutral-solid-value: #333b49; --ds-color-semantic-bg-neutral-solid-pressed-ref: "gray.900"; --ds-color-semantic-bg-neutral-solid-pressed-doc: "bg.neutral-solid의 hover·눌림."; --ds-color-semantic-bg-neutral-solid-pressed-value: #191f2b; --ds-color-semantic-bg-critical-weak-ref: "red.100"; --ds-color-semantic-bg-critical-weak-doc: "위험 연한 면 (배지 · critical weak 버튼)."; --ds-color-semantic-bg-critical-weak-value: #ffebe9; --ds-color-semantic-bg-critical-weak-pressed-ref: "red.200"; --ds-color-semantic-bg-critical-weak-pressed-doc: "bg.critical-weak의 hover·눌림."; --ds-color-semantic-bg-critical-weak-pressed-value: #ffd9d5; --ds-color-semantic-bg-critical-solid-ref: "red.500"; --ds-color-semantic-bg-critical-solid-doc: "위험 solid 면 (칩 활성)."; --ds-color-semantic-bg-critical-solid-value: #fe5766; --ds-color-semantic-bg-critical-solid-pressed-ref: "red.600"; --ds-color-semantic-bg-critical-solid-pressed-doc: "bg.critical-solid의 hover·눌림."; --ds-color-semantic-bg-critical-solid-pressed-value: #e3223b; --ds-color-semantic-bg-warning-weak-ref: "yellow.100"; --ds-color-semantic-bg-warning-weak-doc: "경계 연한 면 (배지)."; --ds-color-semantic-bg-warning-weak-value: #fef3d6; --ds-color-semantic-bg-warning-weak-pressed-ref: "yellow.200"; --ds-color-semantic-bg-warning-weak-pressed-doc: "bg.warning-weak의 hover·눌림."; --ds-color-semantic-bg-warning-weak-pressed-value: #fbe9b3; --ds-color-semantic-bg-warning-solid-ref: "yellow.500"; --ds-color-semantic-bg-warning-solid-doc: "경계 solid 면 (칩 활성)."; --ds-color-semantic-bg-warning-solid-value: #feae44; --ds-color-semantic-bg-warning-solid-pressed-ref: "yellow.600"; --ds-color-semantic-bg-warning-solid-pressed-doc: "bg.warning-solid의 hover·눌림."; --ds-color-semantic-bg-warning-solid-pressed-value: #f98c3c; --ds-color-semantic-bg-positive-weak-ref: "green.100"; --ds-color-semantic-bg-positive-weak-doc: "정상 연한 면 (배지)."; --ds-color-semantic-bg-positive-weak-value: #d1f9e8; --ds-color-semantic-bg-positive-weak-pressed-ref: "green.200"; --ds-color-semantic-bg-positive-weak-pressed-doc: "bg.positive-weak의 hover·눌림."; --ds-color-semantic-bg-positive-weak-pressed-value: #a8f2d4; --ds-color-semantic-bg-positive-solid-ref: "green.500"; --ds-color-semantic-bg-positive-solid-doc: "정상 solid 면 (칩 활성)."; --ds-color-semantic-bg-positive-solid-value: #0aa87a; --ds-color-semantic-bg-positive-solid-pressed-ref: "green.600"; --ds-color-semantic-bg-positive-solid-pressed-doc: "bg.positive-solid의 hover·눌림."; --ds-color-semantic-bg-positive-solid-pressed-value: #098560; --ds-color-semantic-stroke-neutral-ref: "gray.200"; --ds-color-semantic-stroke-neutral-doc: "기본 테두리 — 카드·입력·구분선. 층 경계를 만드는 것은 색이 아니라 이 선입니다."; --ds-color-semantic-stroke-neutral-value: #e2e9f1; --ds-color-semantic-stroke-neutral-weak-ref: "gray.100"; --ds-color-semantic-stroke-neutral-weak-doc: "연한 구분선 — 밀도 높은 리스트 행 전용(Divider 연함 단계)."; --ds-color-semantic-stroke-neutral-weak-value: #f0f4f9; --ds-color-semantic-stroke-neutral-focused-ref: "gray.600"; --ds-color-semantic-stroke-neutral-focused-doc: "입력이 포커스를 받았을 때의 테두리."; --ds-color-semantic-stroke-neutral-focused-value: #6c7788; --ds-color-semantic-stroke-primary-weak-ref: "primary.100"; --ds-color-semantic-stroke-primary-weak-doc: "선택 상태(bg.primary-weak)의 테두리."; --ds-color-semantic-stroke-primary-weak-value: #e3f0ff; --ds-color-semantic-stroke-critical-ref: "red.200"; --ds-color-semantic-stroke-critical-doc: "위험 칩의 테두리."; --ds-color-semantic-stroke-critical-value: #ffd9d5; --ds-color-semantic-stroke-warning-ref: "yellow.200"; --ds-color-semantic-stroke-warning-doc: "경계 칩의 테두리."; --ds-color-semantic-stroke-warning-value: #fbe9b3; --ds-color-semantic-stroke-positive-ref: "green.200"; --ds-color-semantic-stroke-positive-doc: "정상 칩의 테두리."; --ds-color-semantic-stroke-positive-value: #a8f2d4; --ds-color-semantic-fg-neutral-ref: "gray.800"; --ds-color-semantic-fg-neutral-doc: "본문과 값. 화면 글자의 기본."; --ds-color-semantic-fg-neutral-value: #333b49; --ds-color-semantic-fg-neutral-contrast-ref: "gray.900"; --ds-color-semantic-fg-neutral-contrast-doc: "대비를 더 세워야 하는 글자 (제목, 강조 수치)."; --ds-color-semantic-fg-neutral-contrast-value: #191f2b; --ds-color-semantic-fg-neutral-muted-ref: "gray.600"; --ds-color-semantic-fg-neutral-muted-doc: "라벨·단위·설명처럼 값을 거드는 글자. placeholder와 text 버튼도 이 값."; --ds-color-semantic-fg-neutral-muted-value: #6c7788; --ds-color-semantic-fg-neutral-subtle-ref: "gray.500"; --ds-color-semantic-fg-neutral-subtle-doc: "캡션·순번·세그먼트 비선택 라벨처럼 가라앉히는 글자. 텍스트 기준에 못 미치므로 본문에 쓰지 않습니다."; --ds-color-semantic-fg-neutral-subtle-value: #8a94a4; --ds-color-semantic-fg-neutral-inverted-ref: "gray.00"; --ds-color-semantic-fg-neutral-inverted-doc: "반전 전경 — 어두운 면·유채색 solid 면 위의 글자와 아이콘."; --ds-color-semantic-fg-neutral-inverted-value: #ffffff; --ds-color-semantic-fg-disabled-ref: "gray.400"; --ds-color-semantic-fg-disabled-doc: "비활성 상태의 글자와 아이콘. 비선택 내비게이션의 아이콘·라벨도 이 값입니다(비활성 아님 — 쓰임은 navigation.md가 구분)."; --ds-color-semantic-fg-disabled-value: #aeb8c7; --ds-color-semantic-fg-primary-ref: "primary.500"; --ds-color-semantic-fg-primary-doc: "브랜드 전경 — 아이콘·선·그래픽."; --ds-color-semantic-fg-primary-value: #2596fe; --ds-color-semantic-fg-primary-contrast-ref: "primary.600"; --ds-color-semantic-fg-primary-contrast-doc: "브랜드 전경이 글자로 일할 때 (링크 텍스트 · primary weak/outline 버튼 라벨)."; --ds-color-semantic-fg-primary-contrast-value: #0172e8; --ds-color-semantic-fg-critical-ref: "red.500"; --ds-color-semantic-fg-critical-doc: "위험 전경 — 아이콘·선·그래픽."; --ds-color-semantic-fg-critical-value: #fe5766; --ds-color-semantic-fg-critical-contrast-ref: "red.600"; --ds-color-semantic-fg-critical-contrast-doc: "위험 전경이 글자로 일할 때."; --ds-color-semantic-fg-critical-contrast-value: #e3223b; --ds-color-semantic-fg-warning-ref: "yellow.500"; --ds-color-semantic-fg-warning-doc: "경계 전경 — 아이콘·선·그래픽. 노랑은 흰 면에서 약하다(부채 참조)."; --ds-color-semantic-fg-warning-value: #feae44; --ds-color-semantic-fg-warning-contrast-ref: "yellow.600"; --ds-color-semantic-fg-warning-contrast-doc: "경계 전경이 글자로 일할 때. 대비는 의도된 부채입니다."; --ds-color-semantic-fg-warning-contrast-value: #f98c3c; --ds-color-semantic-fg-positive-ref: "green.500"; --ds-color-semantic-fg-positive-doc: "정상 전경 — 아이콘·선·그래픽."; --ds-color-semantic-fg-positive-value: #0aa87a; --ds-color-semantic-fg-positive-contrast-ref: "green.600"; --ds-color-semantic-fg-positive-contrast-doc: "정상 전경이 글자로 일할 때."; --ds-color-semantic-fg-positive-contrast-value: #098560; --ds-radius-radius-r0-5-value: 2px; --ds-radius-radius-r1-value: 4px; --ds-radius-radius-r1-5-value: 6px; --ds-radius-radius-r2-value: 8px; --ds-radius-radius-r2-5-value: 10px; --ds-radius-radius-r3-value: 12px; --ds-radius-radius-r3-5-value: 14px; --ds-radius-radius-r4-value: 16px; --ds-radius-radius-r5-value: 20px; --ds-radius-radius-r6-value: 24px; --ds-radius-radius-full-value: 9999px; --ds-radius-radius-sm-value: 6px; --ds-radius-radius-md-value: 8px; --ds-radius-radius-lg-value: 12px; --ds-spacing-dimension-x0-5-value: 2px; --ds-spacing-dimension-x1-value: 4px; --ds-spacing-dimension-x1-5-value: 6px; --ds-spacing-dimension-x2-value: 8px; --ds-spacing-dimension-x2-5-value: 10px; --ds-spacing-dimension-x3-value: 12px; --ds-spacing-dimension-x3-5-value: 14px; --ds-spacing-dimension-x4-value: 16px; --ds-spacing-dimension-x4-5-value: 18px; --ds-spacing-dimension-x5-value: 20px; --ds-spacing-dimension-x6-value: 24px; --ds-spacing-dimension-x7-value: 28px; --ds-spacing-dimension-x8-value: 32px; --ds-spacing-dimension-x9-value: 36px; --ds-spacing-dimension-x10-value: 40px; --ds-spacing-dimension-x11-value: 44px; --ds-spacing-dimension-x12-value: 48px; --ds-spacing-dimension-x13-value: 52px; --ds-spacing-dimension-x14-value: 56px; --ds-spacing-dimension-x15-value: 60px; --ds-spacing-dimension-x16-value: 64px; --ds-spacing-dimension-x80-value: 320px; --ds-spacing-dimension-x90-value: 360px; --ds-spacing-spacing-x-global-gutter-value: 12px; --ds-spacing-spacing-x-global-gutter-doc: "화면(대시보드) 좌우 기본 padding · 상단 컨트롤 바깥 패딩. 모바일 반응형 대비"; --ds-spacing-spacing-x-global-gutter-ref: "dimension.x3"; --ds-spacing-spacing-x-between-chips-value: 8px; --ds-spacing-spacing-x-between-chips-doc: "칩·배지 사이 수평 간격"; --ds-spacing-spacing-x-between-chips-ref: "dimension.x2"; --ds-spacing-spacing-x-label-value-value: 8px; --ds-spacing-spacing-x-label-value-doc: "라벨-값 수평 간격 (13px 텍스트)"; --ds-spacing-spacing-x-label-value-ref: "dimension.x2"; --ds-spacing-spacing-x-label-value-dense-value: 4px; --ds-spacing-spacing-x-label-value-dense-doc: "라벨-값 수평 간격 (12px 텍스트)"; --ds-spacing-spacing-x-label-value-dense-ref: "dimension.x1"; --ds-spacing-spacing-y-between-blocks-value: 12px; --ds-spacing-spacing-y-between-blocks-doc: "카드 안 블록 사이 수직 간격"; --ds-spacing-spacing-y-between-blocks-ref: "dimension.x3"; --ds-spacing-spacing-y-between-text-value: 6px; --ds-spacing-spacing-y-between-text-doc: "텍스트 요소 간 수직 간격"; --ds-spacing-spacing-y-between-text-ref: "dimension.x1-5"; --ds-spacing-spacing-card-edge-value: 16px; --ds-spacing-spacing-card-edge-doc: "카드 가장자리 (사방)"; --ds-spacing-spacing-card-edge-ref: "dimension.x4"; --ds-spacing-spacing-between-items-value: 8px; --ds-spacing-spacing-between-items-doc: "블록 안 요소 사이 (축 불문 기본)"; --ds-spacing-spacing-between-items-ref: "dimension.x2"; --ds-elevation-shadow-s1-value: 0px 1px 4px 0px #00000014; --ds-elevation-shadow-s1-doc: "낮은 높이 — 카드가 살짝 뜰 때"; --ds-elevation-shadow-s2-value: 0px 2px 10px 0px #0000001a; --ds-elevation-shadow-s2-doc: "중간 높이 — 드롭다운, 팝오버"; --ds-elevation-shadow-s3-value: 0px 4px 16px 0px #0000001f; --ds-elevation-shadow-s3-doc: "높은 높이 — 다이얼로그, 시트, 토스트"; --ds-typography-weight-regular: 400; --ds-typography-weight-medium: 500; --ds-typography-weight-semibold: 600; --ds-typography-weight-bold: 700; --ds-typography-scale-t1-size: 10px; --ds-typography-scale-t1-lineHeight: 14px; --ds-typography-scale-t2-size: 11px; --ds-typography-scale-t2-lineHeight: 16px; --ds-typography-scale-t3-size: 12px; --ds-typography-scale-t3-lineHeight: 16px; --ds-typography-scale-t4-size: 13px; --ds-typography-scale-t4-lineHeight: 18px; --ds-typography-scale-t5-size: 14px; --ds-typography-scale-t5-lineHeight: 20px; --ds-typography-scale-t6-size: 16px; --ds-typography-scale-t6-lineHeight: 24px; --ds-typography-scale-t7-size: 18px; --ds-typography-scale-t7-lineHeight: 24px; --ds-typography-scale-t8-size: 20px; --ds-typography-scale-t8-lineHeight: 28px; --ds-typography-scale-t9-size: 24px; --ds-typography-scale-t9-lineHeight: 32px; --ds-typography-semantic-type-display-scale: "t7"; --ds-typography-semantic-type-display-weight: "bold"; --ds-typography-semantic-type-display-size: 18px; --ds-typography-semantic-type-display-fontWeight: 700; --ds-typography-semantic-type-display-lineHeight: 1; --ds-typography-semantic-type-display-doc: "화면당 최상위 수치 하나"; --ds-typography-semantic-type-title-scale: "t4"; --ds-typography-semantic-type-title-weight: "semibold"; --ds-typography-semantic-type-title-size: 13px; --ds-typography-semantic-type-title-fontWeight: 600; --ds-typography-semantic-type-title-lineHeight: 16px; --ds-typography-semantic-type-title-doc: "위젯 제목"; --ds-typography-semantic-type-value-scale: "t4"; --ds-typography-semantic-type-value-weight: "semibold"; --ds-typography-semantic-type-value-size: 13px; --ds-typography-semantic-type-value-fontWeight: 600; --ds-typography-semantic-type-value-lineHeight: 16px; --ds-typography-semantic-type-value-doc: "값 · 숫자"; --ds-typography-semantic-type-body-scale: "t4"; --ds-typography-semantic-type-body-weight: "medium"; --ds-typography-semantic-type-body-size: 13px; --ds-typography-semantic-type-body-fontWeight: 500; --ds-typography-semantic-type-body-lineHeight: 18px; --ds-typography-semantic-type-body-doc: "본문 · 목록 행 · 컨트롤"; --ds-typography-semantic-type-sub-scale: "t3"; --ds-typography-semantic-type-sub-weight: "medium"; --ds-typography-semantic-type-sub-size: 12px; --ds-typography-semantic-type-sub-fontWeight: 500; --ds-typography-semantic-type-sub-lineHeight: 16px; --ds-typography-semantic-type-sub-doc: "보조 — 비율 · 단위 · 배지 · 설명"; --ds-typography-semantic-type-meta-scale: "t2"; --ds-typography-semantic-type-meta-weight: "medium"; --ds-typography-semantic-type-meta-size: 11px; --ds-typography-semantic-type-meta-fontWeight: 500; --ds-typography-semantic-type-meta-lineHeight: 16px; --ds-typography-semantic-type-meta-doc: "표 컬럼 헤더 · 보조 메타"; --ds-typography-semantic-type-micro-scale: "t1"; --ds-typography-semantic-type-micro-weight: "medium"; --ds-typography-semantic-type-micro-size: 10px; --ds-typography-semantic-type-micro-fontWeight: 500; --ds-typography-semantic-type-micro-lineHeight: 1; --ds-typography-semantic-type-micro-doc: "차트 값 라벨 · 초소형 카운트"; --ds-typography-mobile-type-m-display-scale: "t9"; --ds-typography-mobile-type-m-display-weight: "bold"; --ds-typography-mobile-type-m-display-size: 24px; --ds-typography-mobile-type-m-display-fontWeight: 700; --ds-typography-mobile-type-m-display-lineHeight: 32px; --ds-typography-mobile-type-m-display-doc: "화면의 주인공 수치 하나 (홈의 발전량)"; --ds-typography-mobile-type-m-title-scale: "t8"; --ds-typography-mobile-type-m-title-weight: "bold"; --ds-typography-mobile-type-m-title-size: 20px; --ds-typography-mobile-type-m-title-fontWeight: 700; --ds-typography-mobile-type-m-title-lineHeight: 28px; --ds-typography-mobile-type-m-title-doc: "화면 제목 — 앱바 · 페이지"; --ds-typography-mobile-type-m-section-scale: "t6"; --ds-typography-mobile-type-m-section-weight: "semibold"; --ds-typography-mobile-type-m-section-size: 16px; --ds-typography-mobile-type-m-section-fontWeight: 600; --ds-typography-mobile-type-m-section-lineHeight: 24px; --ds-typography-mobile-type-m-section-doc: "섹션 · 카드 제목"; --ds-typography-mobile-type-m-control-scale: "t6"; --ds-typography-mobile-type-m-control-weight: "semibold"; --ds-typography-mobile-type-m-control-size: 16px; --ds-typography-mobile-type-m-control-fontWeight: 600; --ds-typography-mobile-type-m-control-lineHeight: 24px; --ds-typography-mobile-type-m-control-doc: "주요 버튼(md·lg) · 탭(md) 라벨"; --ds-typography-mobile-type-m-body-scale: "t5"; --ds-typography-mobile-type-m-body-weight: "medium"; --ds-typography-mobile-type-m-body-size: 14px; --ds-typography-mobile-type-m-body-fontWeight: 500; --ds-typography-mobile-type-m-body-lineHeight: 20px; --ds-typography-mobile-type-m-body-doc: "본문 · 목록 행 · 입력 · 칩 · 보조 컨트롤(sm)"; --ds-typography-mobile-type-m-sub-scale: "t4"; --ds-typography-mobile-type-m-sub-weight: "medium"; --ds-typography-mobile-type-m-sub-size: 13px; --ds-typography-mobile-type-m-sub-fontWeight: 500; --ds-typography-mobile-type-m-sub-lineHeight: 18px; --ds-typography-mobile-type-m-sub-doc: "보조 설명 · 타임스탬프"; --ds-typography-mobile-type-m-caption-scale: "t3"; --ds-typography-mobile-type-m-caption-weight: "medium"; --ds-typography-mobile-type-m-caption-size: 12px; --ds-typography-mobile-type-m-caption-fontWeight: 500; --ds-typography-mobile-type-m-caption-lineHeight: 16px; --ds-typography-mobile-type-m-caption-doc: "캡션 · 배지 — 모바일 최소 크기"; }