{
  "$schema": "https://www.designtokens.org/tr/drafts/format/",
  "brand": {
    "$description": "한국CBMC 공식 CI 원색. 공식 CI 승인 없이 변경하지 않는다.",
    "navy": { "$type": "color", "$value": "#00467F" },
    "blue": { "$type": "color", "$value": "#0076C0" },
    "cyan": { "$type": "color", "$value": "#00A3E0" },
    "gray": { "$type": "color", "$value": "#58595B" },
    "orange": { "$type": "color", "$value": "#DC6B2F" }
  },
  "neutral": {
    "white": { "$type": "color", "$value": "#FFFFFF" },
    "050": { "$type": "color", "$value": "#F5F8FA" },
    "100": { "$type": "color", "$value": "#E6EDF2" },
    "200": { "$type": "color", "$value": "#D8E2E9" },
    "300": { "$type": "color", "$value": "#CBD8E2" },
    "500": { "$type": "color", "$value": "#7A8791" },
    "600": { "$type": "color", "$value": "#5F6B75" },
    "800": { "$type": "color", "$value": "#303A43" },
    "900": { "$type": "color", "$value": "#202832" },
    "black": { "$type": "color", "$value": "#000000" }
  },
  "editorial": {
    "$description": "V2와 V3가 공유하는 읽기 경험용 팔레트. 공식 CI 원색이 아니다.",
    "paper": { "$type": "color", "$value": "#F7F0E5" },
    "paperDeep": { "$type": "color", "$value": "#E9DEC7" },
    "paperEdge": { "$type": "color", "$value": "#D3C5A7" },
    "ink": { "$type": "color", "$value": "#25231E" },
    "muted": { "$type": "color", "$value": "#766F60" },
    "rust": { "$type": "color", "$value": "#A8492F" },
    "desk": { "$type": "color", "$value": "#16231E" },
    "deskLight": { "$type": "color", "$value": "#2C3C34" }
  },
  "feedback": {
    "success": { "$type": "color", "$value": "#197A55" },
    "warning": { "$type": "color", "$value": "#8A5A00" },
    "error": { "$type": "color", "$value": "#B42318" },
    "info": { "$type": "color", "$value": "{brand.blue}" }
  },
  "semantic": {
    "background": { "$type": "color", "$value": "{neutral.white}" },
    "surfaceDefault": { "$type": "color", "$value": "{neutral.white}" },
    "surfaceMuted": { "$type": "color", "$value": "{neutral.050}" },
    "surfaceInverse": { "$type": "color", "$value": "{brand.navy}" },
    "surfacePaper": { "$type": "color", "$value": "{editorial.paper}" },
    "borderDefault": { "$type": "color", "$value": "{neutral.300}" },
    "borderStrong": { "$type": "color", "$value": "{brand.gray}" },
    "textDefault": { "$type": "color", "$value": "{neutral.900}" },
    "textMuted": { "$type": "color", "$value": "{brand.gray}" },
    "textInverse": { "$type": "color", "$value": "{neutral.white}" },
    "textPaper": { "$type": "color", "$value": "{editorial.ink}" },
    "linkDefault": { "$type": "color", "$value": "{brand.blue}" },
    "linkVisited": { "$type": "color", "$value": "#5941A9" },
    "actionPrimary": { "$type": "color", "$value": "{brand.navy}" },
    "actionPrimaryHover": { "$type": "color", "$value": "{brand.blue}" },
    "actionDisabled": { "$type": "color", "$value": "{neutral.300}" },
    "focus": { "$type": "color", "$value": "{brand.blue}" },
    "overlayScrim": { "$type": "color", "$value": "#000000A3" }
  },
  "font": {
    "family": {
      "sans": { "$type": "fontFamily", "$value": ["Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "sans-serif"] },
      "serif": { "$type": "fontFamily", "$value": ["Noto Serif KR", "Batang", "serif"] }
    },
    "weight": {
      "regular": { "$type": "fontWeight", "$value": 400 },
      "medium": { "$type": "fontWeight", "$value": 500 },
      "semibold": { "$type": "fontWeight", "$value": 600 },
      "bold": { "$type": "fontWeight", "$value": 700 },
      "extrabold": { "$type": "fontWeight", "$value": 800 }
    }
  },
  "typography": {
    "displayXL": { "$type": "typography", "$value": { "fontFamily": "{font.family.serif}", "fontSize": { "value": 72, "unit": "px" }, "fontWeight": "{font.weight.semibold}", "letterSpacing": { "value": -2.88, "unit": "px" }, "lineHeight": 1.06 } },
    "displayLG": { "$type": "typography", "$value": { "fontFamily": "{font.family.serif}", "fontSize": { "value": 56, "unit": "px" }, "fontWeight": "{font.weight.semibold}", "letterSpacing": { "value": -1.96, "unit": "px" }, "lineHeight": 1.1 } },
    "displayMD": { "$type": "typography", "$value": { "fontFamily": "{font.family.serif}", "fontSize": { "value": 44, "unit": "px" }, "fontWeight": "{font.weight.semibold}", "letterSpacing": { "value": -1.32, "unit": "px" }, "lineHeight": 1.16 } },
    "headingXL": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 36, "unit": "px" }, "fontWeight": "{font.weight.bold}", "letterSpacing": { "value": -0.72, "unit": "px" }, "lineHeight": 1.25 } },
    "headingLG": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 28, "unit": "px" }, "fontWeight": "{font.weight.bold}", "letterSpacing": { "value": -0.56, "unit": "px" }, "lineHeight": 1.3 } },
    "headingMD": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 22, "unit": "px" }, "fontWeight": "{font.weight.bold}", "letterSpacing": { "value": -0.22, "unit": "px" }, "lineHeight": 1.35 } },
    "headingSM": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 18, "unit": "px" }, "fontWeight": "{font.weight.bold}", "letterSpacing": { "value": -0.09, "unit": "px" }, "lineHeight": 1.4 } },
    "lead": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 20, "unit": "px" }, "fontWeight": "{font.weight.regular}", "letterSpacing": { "value": -0.2, "unit": "px" }, "lineHeight": 1.7 } },
    "bodyLG": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 18, "unit": "px" }, "fontWeight": "{font.weight.regular}", "letterSpacing": { "value": -0.18, "unit": "px" }, "lineHeight": 1.75 } },
    "bodyMD": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 16, "unit": "px" }, "fontWeight": "{font.weight.regular}", "letterSpacing": { "value": -0.08, "unit": "px" }, "lineHeight": 1.7 } },
    "bodySM": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 14, "unit": "px" }, "fontWeight": "{font.weight.regular}", "letterSpacing": { "value": 0, "unit": "px" }, "lineHeight": 1.6 } },
    "meta": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 13, "unit": "px" }, "fontWeight": "{font.weight.semibold}", "letterSpacing": { "value": 0.26, "unit": "px" }, "lineHeight": 1.45 } },
    "caption": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 12, "unit": "px" }, "fontWeight": "{font.weight.regular}", "letterSpacing": { "value": 0, "unit": "px" }, "lineHeight": 1.55 } },
    "label": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 12, "unit": "px" }, "fontWeight": "{font.weight.extrabold}", "letterSpacing": { "value": 0.96, "unit": "px" }, "lineHeight": 1.35 } },
    "button": { "$type": "typography", "$value": { "fontFamily": "{font.family.sans}", "fontSize": { "value": 14, "unit": "px" }, "fontWeight": "{font.weight.bold}", "letterSpacing": { "value": 0, "unit": "px" }, "lineHeight": 1.4 } }
  },
  "space": {
    "0": { "$type": "dimension", "$value": { "value": 0, "unit": "px" } },
    "1": { "$type": "dimension", "$value": { "value": 4, "unit": "px" } },
    "2": { "$type": "dimension", "$value": { "value": 8, "unit": "px" } },
    "3": { "$type": "dimension", "$value": { "value": 12, "unit": "px" } },
    "4": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "5": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
    "6": { "$type": "dimension", "$value": { "value": 32, "unit": "px" } },
    "7": { "$type": "dimension", "$value": { "value": 48, "unit": "px" } },
    "8": { "$type": "dimension", "$value": { "value": 64, "unit": "px" } },
    "9": { "$type": "dimension", "$value": { "value": 96, "unit": "px" } },
    "10": { "$type": "dimension", "$value": { "value": 128, "unit": "px" } }
  },
  "semanticSpace": {
    "inlineXS": { "$type": "dimension", "$value": "{space.1}" },
    "inlineSM": { "$type": "dimension", "$value": "{space.2}" },
    "inlineMD": { "$type": "dimension", "$value": "{space.3}" },
    "stackXS": { "$type": "dimension", "$value": "{space.2}" },
    "stackSM": { "$type": "dimension", "$value": "{space.4}" },
    "stackMD": { "$type": "dimension", "$value": "{space.5}" },
    "stackLG": { "$type": "dimension", "$value": "{space.6}" },
    "component": { "$type": "dimension", "$value": "{space.5}" },
    "sectionSM": { "$type": "dimension", "$value": "{space.7}" },
    "sectionMD": { "$type": "dimension", "$value": "{space.8}" },
    "sectionLG": { "$type": "dimension", "$value": "{space.9}" }
  },
  "breakpoint": {
    "sm": { "$type": "dimension", "$value": { "value": 640, "unit": "px" } },
    "md": { "$type": "dimension", "$value": { "value": 768, "unit": "px" } },
    "lg": { "$type": "dimension", "$value": { "value": 1024, "unit": "px" } },
    "xl": { "$type": "dimension", "$value": { "value": 1280, "unit": "px" } }
  },
  "layout": {
    "contentMax": { "$type": "dimension", "$value": { "value": 1200, "unit": "px" } },
    "shellMax": { "$type": "dimension", "$value": { "value": 1320, "unit": "px" } },
    "readingMax": { "$type": "dimension", "$value": { "value": 720, "unit": "px" } },
    "gridColumnsMobile": { "$type": "number", "$value": 4 },
    "gridColumnsTablet": { "$type": "number", "$value": 8 },
    "gridColumnsDesktop": { "$type": "number", "$value": 12 },
    "gridGapMobile": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "gridGapTablet": { "$type": "dimension", "$value": { "value": 20, "unit": "px" } },
    "gridGapDesktop": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
    "pageGutterMobile": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "pageGutterTablet": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
    "pageGutterDesktop": { "$type": "dimension", "$value": { "value": 28, "unit": "px" } },
    "pageGutterWide": { "$type": "dimension", "$value": { "value": 32, "unit": "px" } }
  },
  "radius": {
    "none": { "$type": "dimension", "$value": { "value": 0, "unit": "px" } },
    "sm": { "$type": "dimension", "$value": { "value": 4, "unit": "px" } },
    "md": { "$type": "dimension", "$value": { "value": 8, "unit": "px" } },
    "lg": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "pill": { "$type": "dimension", "$value": { "value": 999, "unit": "px" } }
  },
  "border": {
    "thin": { "$type": "dimension", "$value": { "value": 1, "unit": "px" } },
    "strong": { "$type": "dimension", "$value": { "value": 2, "unit": "px" } },
    "accent": { "$type": "dimension", "$value": { "value": 4, "unit": "px" } }
  },
  "shadow": {
    "card": { "$type": "shadow", "$value": { "color": "#20283214", "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } },
    "overlay": { "$type": "shadow", "$value": { "color": "#0000003D", "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 16, "unit": "px" }, "blur": { "value": 40, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } },
    "book": { "$type": "shadow", "$value": { "color": "#00000052", "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 18, "unit": "px" }, "blur": { "value": 36, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } }
  },
  "control": {
    "minSize": { "$type": "dimension", "$value": { "value": 44, "unit": "px" } },
    "iconSM": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "iconMD": { "$type": "dimension", "$value": { "value": 20, "unit": "px" } },
    "iconLG": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
    "focusWidth": { "$type": "dimension", "$value": { "value": 3, "unit": "px" } },
    "focusOffset": { "$type": "dimension", "$value": { "value": 3, "unit": "px" } }
  },
  "media": {
    "heroRatio": { "$type": "number", "$value": 1.777778, "$description": "16:9" },
    "coverRatio": { "$type": "number", "$value": 0.8, "$description": "4:5" },
    "cardRatio": { "$type": "number", "$value": 1.5, "$description": "3:2" },
    "portraitRatio": { "$type": "number", "$value": 0.8, "$description": "4:5" },
    "squareRatio": { "$type": "number", "$value": 1, "$description": "1:1" },
    "wideRatio": { "$type": "number", "$value": 2.333333, "$description": "21:9" }
  },
  "motion": {
    "micro": { "$type": "duration", "$value": { "value": 120, "unit": "ms" } },
    "fast": { "$type": "duration", "$value": { "value": 160, "unit": "ms" } },
    "standard": { "$type": "duration", "$value": { "value": 240, "unit": "ms" } },
    "editorial": { "$type": "duration", "$value": { "value": 420, "unit": "ms" } },
    "pageTurn": { "$type": "duration", "$value": { "value": 780, "unit": "ms" } },
    "easeStandard": { "$type": "cubicBezier", "$value": [0.2, 0, 0, 1] },
    "easeEmphasis": { "$type": "cubicBezier", "$value": [0.52, 0.02, 0.36, 0.99] }
  },
  "opacity": {
    "disabled": { "$type": "number", "$value": 0.48 },
    "muted": { "$type": "number", "$value": 0.72 },
    "scrim": { "$type": "number", "$value": 0.64 }
  },
  "zIndex": {
    "base": { "$type": "number", "$value": 0 },
    "sticky": { "$type": "number", "$value": 100 },
    "overlay": { "$type": "number", "$value": 400 },
    "modal": { "$type": "number", "$value": 500 },
    "toast": { "$type": "number", "$value": 600 }
  }
}