/* 공통 디자인 값. 화면 수치를 바꿀 때 이 파일부터 수정합니다.
 * 배치와 선택자는 styles.css에서 관리합니다.
 * 반응형 분기 숫자 800px / 1100px / 340px는 CSS 변수로 사용할 수 없으므로
 * styles.css 하단의 @media에서 직접 관리합니다. */
:root {
  /* 색상 — 강조색 한 개, 오류·경고 상태색 두 개와 중립색 */
  --accent: #193b2a;
  --error: #B42318;
  --warning: #A65300;
  --text: #202020;
  --muted: #666666;
  --line: #d8d8d8;
  --surface: #f5f5f5;
  --white: #ffffff;
  --page-background: var(--white);
  --control-background: var(--white);
  --on-accent: var(--white);
  --subtle: #777777;
  --surface-disabled: #f0f0f0;
  --border-control: #999999;
  --border-choice: #aaaaaa;
  --line-soft: #eeeeee;
  --border-notice: #444444;
  --toast-background: #333333;
  --backdrop: #00000055;

  /* 글꼴과 글자 크기 / 굵기 / 행간 */
  --font-family: "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-note: 13px;
  --font-size-label: 14px;
  --font-size-body: 15px;
  --font-size-input: 16px;
  --font-size-subheading: 16px;
  --font-size-section: 17px;
  --font-size-dialog: 18px;
  --font-size-reference: 20px;
  --font-size-title: 21px;
  --font-size-title-compact: 20px;
  --font-size-title-wide: 23px;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-strong: 700;
  --leading-normal: 1.5;
  --leading-field: 1.6;
  --leading-note: 1.7;
  --leading-detail: 1.8;
  --leading-loose: 1.9;

  /* 간격 — 기존 간격을 보존한 공통 scale */
  --space-05: 5px;
  --space-06: 6px;
  --space-07: 7px;
  --space-08: 8px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-36: 36px;

  /* 화면·입력·주소 검색 크기와 경계선 */
  --page-width: 760px;
  --staff-page-width: 1160px;
  --staff-store-column-width: 360px;
  --staff-list-name-min-width: 160px;
  --staff-review-label-min-width: 180px;
  --control-min-height: 48px;
  --control-min-height-wide: 50px;
  --control-radius: 4px;
  --textarea-min-height: 110px;
  --checkbox-size: 19px;
  --quantity-input-width: 148px;
  --quantity-input-width-compact: 128px;
  --search-results-max-height: 340px;
  --address-dialog-width: 560px;
  --address-search-max-height: 470px;
  --address-search-min-height: 210px;
  --address-search-reserved-height: 230px;
  --border-width: 1px;
  --status-border-width: 3px;
  --focus-width: 2px;
  --focus-offset: 3px;
  --underline-offset: 3px;

  /* 후속 관리 표의 행 높이. 버튼·입력의 최소 높이와 구분합니다. */
  --table-row-height: 40px;

}