/*
// 00000000-0000-0000-0000-000000000000
// 2026-09-11 18:54 KST
// 2fdfa646-dec6-4c71-b3c7-bfa1ba2c6e1a
// 공통 컴포넌트 곡률을 입력 4px 기준의 역할별 토큰으로 연결
// ffffffff-ffff-ffff-ffff-ffffffffffff
*/
/*
// 00000000-0000-0000-0000-000000000000
// 2026-09-10 15:10 KST
// e0bbfc34-e21f-4fc5-a2f2-ee8a2501a98d
// 로딩 표시를 간소화하고 공통 화면 등장 효과와 전환 대기 제거
// ffffffff-ffff-ffff-ffff-ffffffffffff
*/

/*
// 00000000-0000-0000-0000-000000000000
// 2026-09-08 10:54 KST
// e28f9de0-9d2c-40d3-aeff-e5b96c01c77e
// 팝업 경로 표시와 닫기 버튼 및 본문·푸터 공통 디자인 통일
// ffffffff-ffff-ffff-ffff-ffffffffffff
*/

/*
// 00000000-0000-0000-0000-000000000000
// 2026-09-08 11:20 KST
// c32148e8-5f5c-4677-8adc-b3309691edd9
// 팝업과 등록 입력폼 및 조직도 카드 디자인 정리
// ffffffff-ffff-ffff-ffff-ffffffffffff
*/

/* 00000000-0000-0000-0000-000000000000
   2026-08-29 21:20 KST
   7c4e19a2-8b5d-4f16-9e30-1a6d0c8b2f47
   window package tokens. Host :root overrides win.
   ffffffff-ffff-ffff-ffff-ffffffffffff */
:where(:root) {
  /*
  // 00000000-0000-0000-0000-000000000000
  // 2026-09-08 17:07 KST
  // 413cbaca-2ec7-4b61-8273-e710619cbaf2
  // 공통 로딩 카드와 상태 안내 디자인 적용
  // ffffffff-ffff-ffff-ffff-ffffffffffff
  */
  --ui-working-backdrop: transparent;
  --ui-working-bg: var(--ui-surface, #ffffff);
  --ui-working-text: var(--ui-popup-text, #172b4d);
  --ui-working-border: var(--ui-border, #dfe0e3);
  --ui-working-primary: var(--ui-primary, #0066ff);
  --ui-working-track: color-mix(in srgb, var(--ui-working-primary) 14%, transparent);
  --ui-working-shadow: none;
  --ui-popup-bg: #ffffff;
  --ui-popup-text: #172b4d;
  --ui-popup-muted: #9ca3af;
  --ui-popup-border: #dfe0e3;
  --ui-popup-breadcrumb-bg: #1a2c56;
  --ui-popup-breadcrumb-text: #ffffff;
  --ui-popup-close-bg: #f3f4f6;
  --ui-popup-close-hover-bg: #e5e7eb;
  --ui-popup-primary: #0066ff;
  --ui-popup-primary-hover: #005eeb;
  --ui-popup-on-primary: #ffffff;
  --ui-popup-padding-x: 16px;
  --ui-popup-padding-y: 14px;
  --ui-popup-footer-padding-y: 12px;
  --ui-popup-action-gap: 8px;
  --ui-popup-action-height: 32px;
  --ui-popup-action-min-width: 66px;
  --ui-form-control-bg: var(--ui-popup-bg);
  --ui-form-text: var(--ui-popup-text);
  /* 00000000-0000-0000-0000-000000000000
     2026-09-08 18:32 KST
     95c97559-9ce0-465b-8135-527fb4945bc0
     공통 팝업 라벨을 검정색으로 통일하고 입력 간격 확대
     ffffffff-ffff-ffff-ffff-ffffffffffff */
  --ui-form-label: #000000;
  --ui-form-muted: #64748b;
  --ui-form-border: var(--ui-popup-border);
  --ui-form-border-hover: #94a3b8;
  --ui-form-focus: var(--ui-popup-primary);
  --ui-form-focus-ring: rgb(0 102 255 / 14%);
  --ui-form-inactive-bg: #f3f4f6;
  --ui-form-danger: #c62828;
  --ui-form-control-height: 32px;
  --ui-form-control-radius: var(--ui-radius-control, 4px);
  /*
  // 00000000-0000-0000-0000-000000000000
  // 2026-09-11 14:37 KST
  // 1527a783-296b-4534-9522-25229aa95249
  // 아이콘 선명도와 주문서 작업행 및 공통 입력 정렬 개선
  // ffffffff-ffff-ffff-ffff-ffffffffffff
  */
  --ui-form-control-padding-x: 10px;
  --ui-form-row-gap: 12px;
  --ui-form-column-gap: 20px;
  --ui-form-label-gap: 6px;
  --app-font-size: 14px;
  --app-font-weight-bold: bold;
  --default-font-family: 'Malgun Gothic', sans-serif;
  --default-font-family-bold: 'Malgun Gothic Bold', 'Malgun Gothic', sans-serif;
}

:where(html) {
  font-size: var(--app-font-size, 14px);
}