{
  "schemaVersion": "1.0",
  "tokenVersion": "1.8.0",
  "collections": {
    "KBX Primitive": [
      {
        "name": "typography.fontFamily",
        "type": "fontFamily",
        "value": "Pretendard, \"Apple SD Gothic Neo\", \"Noto Sans KR\", Arial, sans-serif",
        "description": "업무 기본 Font Stack"
      },
      {
        "name": "typography.size.xs",
        "type": "dimension",
        "value": "12px",
        "description": ""
      },
      {
        "name": "typography.size.sm",
        "type": "dimension",
        "value": "13px",
        "description": ""
      },
      {
        "name": "typography.size.md",
        "type": "dimension",
        "value": "14px",
        "description": ""
      },
      {
        "name": "typography.size.lg",
        "type": "dimension",
        "value": "16px",
        "description": ""
      },
      {
        "name": "typography.size.xl",
        "type": "dimension",
        "value": "18px",
        "description": ""
      },
      {
        "name": "typography.size.2xl",
        "type": "dimension",
        "value": "20px",
        "description": ""
      },
      {
        "name": "color.white",
        "type": "color",
        "value": "#ffffff",
        "description": ""
      },
      {
        "name": "color.gray.25",
        "type": "color",
        "value": "#fcfcfd",
        "description": ""
      },
      {
        "name": "color.gray.50",
        "type": "color",
        "value": "#f9fafb",
        "description": ""
      },
      {
        "name": "color.gray.100",
        "type": "color",
        "value": "#f2f4f7",
        "description": ""
      },
      {
        "name": "color.gray.200",
        "type": "color",
        "value": "#e4e7ec",
        "description": ""
      },
      {
        "name": "color.gray.300",
        "type": "color",
        "value": "#d0d5dd",
        "description": ""
      },
      {
        "name": "color.gray.400",
        "type": "color",
        "value": "#98a2b3",
        "description": ""
      },
      {
        "name": "color.gray.500",
        "type": "color",
        "value": "#667085",
        "description": ""
      },
      {
        "name": "color.gray.700",
        "type": "color",
        "value": "#344054",
        "description": ""
      },
      {
        "name": "color.gray.900",
        "type": "color",
        "value": "#101828",
        "description": ""
      },
      {
        "name": "color.blue.600",
        "type": "color",
        "value": "#175cd3",
        "description": ""
      },
      {
        "name": "color.green.600",
        "type": "color",
        "value": "#039855",
        "description": ""
      },
      {
        "name": "color.orange.500",
        "type": "color",
        "value": "#f79009",
        "description": ""
      },
      {
        "name": "color.red.600",
        "type": "color",
        "value": "#d92d20",
        "description": ""
      },
      {
        "name": "spacing.0",
        "type": "dimension",
        "value": "0",
        "description": ""
      },
      {
        "name": "spacing.1",
        "type": "dimension",
        "value": "4px",
        "description": ""
      },
      {
        "name": "spacing.2",
        "type": "dimension",
        "value": "8px",
        "description": ""
      },
      {
        "name": "spacing.3",
        "type": "dimension",
        "value": "12px",
        "description": ""
      },
      {
        "name": "spacing.4",
        "type": "dimension",
        "value": "16px",
        "description": ""
      },
      {
        "name": "spacing.5",
        "type": "dimension",
        "value": "20px",
        "description": ""
      },
      {
        "name": "spacing.6",
        "type": "dimension",
        "value": "24px",
        "description": ""
      },
      {
        "name": "spacing.8",
        "type": "dimension",
        "value": "32px",
        "description": ""
      },
      {
        "name": "spacing.10",
        "type": "dimension",
        "value": "40px",
        "description": ""
      },
      {
        "name": "spacing.12",
        "type": "dimension",
        "value": "48px",
        "description": ""
      },
      {
        "name": "radius.sm",
        "type": "dimension",
        "value": "4px",
        "description": ""
      },
      {
        "name": "radius.md",
        "type": "dimension",
        "value": "6px",
        "description": ""
      },
      {
        "name": "radius.lg",
        "type": "dimension",
        "value": "8px",
        "description": ""
      },
      {
        "name": "border.width.default",
        "type": "dimension",
        "value": "1px",
        "description": ""
      },
      {
        "name": "border.width.accent",
        "type": "dimension",
        "value": "4px",
        "description": ""
      },
      {
        "name": "radius.pill",
        "type": "dimension",
        "value": "999px",
        "description": ""
      }
    ],
    "KBX Semantic": [
      {
        "name": "semantic.surface.default",
        "type": "color",
        "value": "{color.white}",
        "description": ""
      },
      {
        "name": "semantic.surface.muted",
        "type": "color",
        "value": "{color.gray.50}",
        "description": ""
      },
      {
        "name": "semantic.surface.subtle",
        "type": "color",
        "value": "{color.gray.100}",
        "description": ""
      },
      {
        "name": "semantic.surface.hover",
        "type": "color",
        "value": "#f3f7fd",
        "description": ""
      },
      {
        "name": "semantic.text.default",
        "type": "color",
        "value": "#1d2939",
        "description": ""
      },
      {
        "name": "semantic.text.muted",
        "type": "color",
        "value": "{color.gray.500}",
        "description": ""
      },
      {
        "name": "semantic.border.default",
        "type": "color",
        "value": "{color.gray.200}",
        "description": ""
      },
      {
        "name": "semantic.border.strong",
        "type": "color",
        "value": "{color.gray.400}",
        "description": ""
      },
      {
        "name": "semantic.action.primary",
        "type": "color",
        "value": "{color.blue.600}",
        "description": ""
      },
      {
        "name": "semantic.status.success",
        "type": "color",
        "value": "{color.green.600}",
        "description": ""
      },
      {
        "name": "semantic.status.warning",
        "type": "color",
        "value": "{color.orange.500}",
        "description": ""
      },
      {
        "name": "semantic.status.danger",
        "type": "color",
        "value": "{color.red.600}",
        "description": ""
      },
      {
        "name": "semantic.focus",
        "type": "color",
        "value": "#1570ef",
        "description": ""
      },
      {
        "name": "semantic.overlay",
        "type": "color",
        "value": "rgba(16, 24, 40, .38)",
        "description": ""
      },
      {
        "name": "semantic.status.infoSurface",
        "type": "color",
        "value": "#eff8ff",
        "description": ""
      },
      {
        "name": "semantic.status.infoBorder",
        "type": "color",
        "value": "#b2ddff",
        "description": ""
      },
      {
        "name": "semantic.status.successSurface",
        "type": "color",
        "value": "#ecfdf3",
        "description": ""
      },
      {
        "name": "semantic.status.successBorder",
        "type": "color",
        "value": "#abefc6",
        "description": ""
      },
      {
        "name": "semantic.status.warningSurface",
        "type": "color",
        "value": "#fffaeb",
        "description": ""
      },
      {
        "name": "semantic.status.warningBorder",
        "type": "color",
        "value": "#fedf89",
        "description": ""
      },
      {
        "name": "semantic.status.warningText",
        "type": "color",
        "value": "#b54708",
        "description": ""
      },
      {
        "name": "semantic.status.dangerSurface",
        "type": "color",
        "value": "#fef3f2",
        "description": ""
      },
      {
        "name": "semantic.status.dangerBorder",
        "type": "color",
        "value": "#fecdca",
        "description": ""
      },
      {
        "name": "semantic.state.changedSurface",
        "type": "color",
        "value": "{semantic.status.infoSurface}",
        "description": "사용자가 수정한 값/셀 배경"
      },
      {
        "name": "semantic.state.changedBorder",
        "type": "color",
        "value": "#84adff",
        "description": "사용자가 수정한 값/셀 경계"
      },
      {
        "name": "semantic.state.aiSurface",
        "type": "color",
        "value": "#f4f3ff",
        "description": "AI가 제안한 값 배경"
      },
      {
        "name": "semantic.state.aiBorder",
        "type": "color",
        "value": "#c3b5fd",
        "description": "AI가 제안한 값 경계"
      },
      {
        "name": "semantic.state.aiText",
        "type": "color",
        "value": "#5925dc",
        "description": "AI 제안 상태 텍스트"
      },
      {
        "name": "semantic.shadow.overlay",
        "type": "shadow",
        "value": "0 16px 40px rgba(16,24,40,.18)",
        "description": ""
      },
      {
        "name": "semantic.z.runtimePanel",
        "type": "number",
        "value": "120",
        "description": ""
      },
      {
        "name": "semantic.accessibility.visuallyHiddenSize",
        "type": "dimension",
        "value": "1px",
        "description": "시각 숨김 접근성 텍스트 크기"
      }
    ],
    "KBX Component": [
      {
        "name": "component.control.height",
        "type": "dimension",
        "value": "34px",
        "description": "Desktop compact input/button baseline",
        "modes": {
          "compact": "34px",
          "comfortable": "38px",
          "touch": "52px"
        }
      },
      {
        "name": "component.grid.rowHeight",
        "type": "dimension",
        "value": "34px",
        "description": "",
        "modes": {
          "compact": "34px",
          "comfortable": "40px",
          "touch": "52px"
        }
      },
      {
        "name": "component.grid.headerHeight",
        "type": "dimension",
        "value": "36px",
        "description": "",
        "modes": {
          "compact": "36px",
          "comfortable": "40px",
          "touch": "48px"
        }
      },
      {
        "name": "component.pageHeader.height",
        "type": "dimension",
        "value": "48px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.commandBar.height",
        "type": "dimension",
        "value": "44px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.form.labelWidth",
        "type": "dimension",
        "value": "96px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.touch.controlHeight",
        "type": "dimension",
        "value": "52px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.control.xs",
        "type": "dimension",
        "value": "28px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.control.sm",
        "type": "dimension",
        "value": "32px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.control.md",
        "type": "dimension",
        "value": "36px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.control.lg",
        "type": "dimension",
        "value": "40px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.form.textareaMinHeight",
        "type": "dimension",
        "value": "96px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.checkbox.size",
        "type": "dimension",
        "value": "16px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.checkbox.track",
        "type": "dimension",
        "value": "24px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.screen.inlinePadding",
        "type": "dimension",
        "value": "12px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.screen.sectionGap",
        "type": "dimension",
        "value": "8px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.screen.contentMinHeight",
        "type": "dimension",
        "value": "240px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.master.listMinWidth",
        "type": "dimension",
        "value": "240px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.master.listCompactWidth",
        "type": "dimension",
        "value": "280px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.master.masterWidth",
        "type": "dimension",
        "value": "42%",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.masterDetail.minHeight",
        "type": "dimension",
        "value": "360px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.masterDetail.bottomMinHeight",
        "type": "dimension",
        "value": "160px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.masterDetail.masterMinSm",
        "type": "dimension",
        "value": "320px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.masterDetail.masterMinMd",
        "type": "dimension",
        "value": "380px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.masterDetail.masterMinLg",
        "type": "dimension",
        "value": "460px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.navigation.sideWidth",
        "type": "dimension",
        "value": "220px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.navigation.sideCollapsedWidth",
        "type": "dimension",
        "value": "56px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.maxWidth",
        "type": "dimension",
        "value": "1180px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.searchMaxWidth",
        "type": "dimension",
        "value": "520px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.headerMinHeight",
        "type": "dimension",
        "value": "72px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.attentionHeight",
        "type": "dimension",
        "value": "44px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.linkHeight",
        "type": "dimension",
        "value": "36px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.moduleColumn",
        "type": "dimension",
        "value": "56px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.home.moduleHeaderHeight",
        "type": "dimension",
        "value": "44px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.tooltip.maxWidth",
        "type": "dimension",
        "value": "320px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.access.maxWidth",
        "type": "dimension",
        "value": "480px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.wms.mobileMaxWidth",
        "type": "dimension",
        "value": "520px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.wms.headerMinHeight",
        "type": "dimension",
        "value": "64px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.dataState.minHeight",
        "type": "dimension",
        "value": "160px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.grid.toolbarHeight",
        "type": "dimension",
        "value": "36px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.grid.minHeight",
        "type": "dimension",
        "value": "320px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.lookup.codeWidth",
        "type": "dimension",
        "value": "110px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.lookup.nameMinWidth",
        "type": "dimension",
        "value": "120px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.lookup.buttonWidth",
        "type": "dimension",
        "value": "54px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.search.controlMinWidth",
        "type": "dimension",
        "value": "130px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.search.controlSmWidth",
        "type": "dimension",
        "value": "130px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.search.controlLgWidth",
        "type": "dimension",
        "value": "240px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.command.separatorHeight",
        "type": "dimension",
        "value": "20px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.template.contextMinHeight",
        "type": "dimension",
        "value": "34px",
        "description": "T01~T08 공통 업무 문맥 바 최소 높이",
        "modes": {}
      },
      {
        "name": "component.progress.stepHeight",
        "type": "dimension",
        "value": "40px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.progress.stepNumberSize",
        "type": "dimension",
        "value": "22px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.menuSearch.top",
        "type": "dimension",
        "value": "80px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.menuSearch.width",
        "type": "dimension",
        "value": "620px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.menuSearch.resultHeight",
        "type": "dimension",
        "value": "46px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.application.minHeight",
        "type": "dimension",
        "value": "600px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.runtime.panelTop",
        "type": "dimension",
        "value": "60px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.runtime.panelWidth",
        "type": "dimension",
        "value": "420px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.workspace.tabsHeight",
        "type": "dimension",
        "value": "40px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.workspace.tabHeight",
        "type": "dimension",
        "value": "36px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.workspace.tabMaxWidth",
        "type": "dimension",
        "value": "220px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.workspace.overflowWidth",
        "type": "dimension",
        "value": "180px",
        "description": "",
        "modes": {}
      },
      {
        "name": "component.template.refreshHeight",
        "type": "dimension",
        "value": "30px",
        "description": "재조회 중 Context 유지 상태 표시 높이",
        "modes": {}
      },
      {
        "name": "component.home.quickStartMinHeight",
        "type": "dimension",
        "value": "36px",
        "description": "홈 주요업무 한 행 최소 높이",
        "modes": {}
      },
      {
        "name": "component.shell.noticeHeight",
        "type": "dimension",
        "value": "34px",
        "description": "Workspace 정책 안내 높이",
        "modes": {}
      },
      {
        "name": "component.home.moduleLabelWidth",
        "type": "dimension",
        "value": "56px",
        "description": "홈 주요업무 모듈 레이블 폭",
        "modes": {}
      },
      {
        "name": "component.utility.panelWidth",
        "type": "dimension",
        "value": "420px",
        "description": "Help/AI/제안 공통 Utility panel 폭",
        "modes": {}
      },
      {
        "name": "component.form.sectionGap",
        "type": "dimension",
        "value": "16px",
        "description": "Master/Transaction form section vertical gap",
        "modes": {}
      },
      {
        "name": "component.form.sectionHeadingGap",
        "type": "dimension",
        "value": "8px",
        "description": "Form section heading to content gap",
        "modes": {}
      },
      {
        "name": "component.form.sectionHeadingPadding",
        "type": "dimension",
        "value": "6px",
        "description": "Form section heading underline spacing",
        "modes": {}
      },
      {
        "name": "component.form.gridColumnGap",
        "type": "dimension",
        "value": "18px",
        "description": "Desktop two-column form horizontal gap",
        "modes": {}
      },
      {
        "name": "component.form.gridRowGap",
        "type": "dimension",
        "value": "10px",
        "description": "Desktop form field row gap",
        "modes": {}
      },
      {
        "name": "component.home.workbenchRowHeight",
        "type": "dimension",
        "value": "40px",
        "description": "Home unified workbench navigation row height",
        "modes": {}
      },
      {
        "name": "component.home.sourceLabelWidth",
        "type": "dimension",
        "value": "68px",
        "description": "Home launch reason/source column width",
        "modes": {}
      },
      {
        "name": "component.navigation.securityNoticeHeight",
        "type": "dimension",
        "value": "36px",
        "description": "Navigation route recovery notice height",
        "modes": {}
      },
      {
        "name": "component.globalHeader.moduleSelectorWidth",
        "type": "dimension",
        "value": "92px",
        "description": "Global Header module selector width",
        "modes": {}
      },
      {
        "name": "component.import.dropMinHeight",
        "type": "dimension",
        "value": "250px",
        "description": "Excel Import file selection surface minimum height",
        "modes": {}
      },
      {
        "name": "component.import.sourceColumnMinWidth",
        "type": "dimension",
        "value": "160px",
        "description": "Excel source column mapping minimum width",
        "modes": {}
      },
      {
        "name": "component.import.targetColumnMinWidth",
        "type": "dimension",
        "value": "220px",
        "description": "KBX target field mapping minimum width",
        "modes": {}
      },
      {
        "name": "component.import.reasonColumnMinWidth",
        "type": "dimension",
        "value": "130px",
        "description": "Import mapping evidence column minimum width",
        "modes": {}
      },
      {
        "name": "component.import.mappingNameWidth",
        "type": "dimension",
        "value": "200px",
        "description": "Saved import mapping name input width",
        "modes": {}
      },
      {
        "name": "component.summary.itemMinWidth",
        "type": "dimension",
        "value": "120px",
        "description": "Compact summary metric minimum width",
        "modes": {}
      },
      {
        "name": "component.import.errorRowWidth",
        "type": "dimension",
        "value": "70px",
        "description": "Import error original row number column width",
        "modes": {}
      },
      {
        "name": "component.import.errorFieldWidth",
        "type": "dimension",
        "value": "160px",
        "description": "Import error source/system field column width",
        "modes": {}
      },
      {
        "name": "component.wms.scanBoxMinHeight",
        "type": "dimension",
        "value": "84px",
        "description": "WMS scanner capture ready surface minimum height",
        "modes": {}
      },
      {
        "name": "component.wms.manualButtonWidth",
        "type": "dimension",
        "value": "72px",
        "description": "WMS manual barcode submit button width",
        "modes": {}
      }
    ]
  }
}