/*
  GarakMarket 디자인 토큰 (GMK-UX-001 #1 기준)
  - 고령 사용자/시장 현장 사용을 고려한 공통 기준값.
  - 역할별 CSS(buyer.css / broker.css / admin.css)는 이 파일의 변수만 사용하고
    글자 크기·터치 영역을 직접 하드코딩하지 않는다.
*/
:root {
  /* 브랜드 컬러: 가락시장 유통정보(garak.co.kr) 팔레트 참고 — 공공/신뢰 톤의 남색 + 초록/주황 포인트 */
  --color-primary: #004B9F;
  --color-primary-dark: #033477;
  --color-primary-bg: #E5ECEE;
  --color-secondary: #4495AA;
  --color-accent: #FF8839;
  --color-accent-bg: #FCEAE0;

  /* 상태 컬러 (#1: 색상+텍스트 라벨 병기 원칙과 함께 사용) */
  --color-status-onsale: #027E45;
  --color-status-onsale-bg: #E9FAD2;
  --color-status-soldout: #757575;
  --color-status-soldout-bg: #EEEEEE;
  --color-status-ended: #9E9E9E;
  --color-status-ended-bg: #F5F5F5;
  --color-status-progress: #206CC2;
  --color-status-progress-bg: #BADAFF;
  --color-status-delivered: #027E45;
  --color-status-delivered-bg: #E9FAD2;
  --color-status-cancelled: #EA4403;
  --color-status-cancelled-bg: #FCEAE0;
  --color-status-warning: #FF8839;
  --color-status-warning-bg: #FCEAE0;

  /* 텍스트/배경/보더 */
  --color-text: #1A1A1A;
  --color-text-muted: #5F6368;
  --color-bg: #FFFFFF;
  --color-bg-subtle: #F4F7FC;
  --color-border: #E0E0E0;
  --color-danger: #EA4403;

  --font-family-base: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "돋움", sans-serif;
  --font-family-icon: "Material Symbols Outlined";

  /* 모바일 화면 기준 (소비자/중매인, #1 필수 UI 기준) */
  --mobile-font-body: 17px;
  --mobile-font-title: 24px;
  --mobile-font-price: 22px;
  --mobile-font-button: 17px;
  --touch-target-min: 48px;
  --broker-button-height: 52px;

  /* 관리자 PC 화면 기준 */
  --admin-font-body: 16px;
  --admin-font-title: 22px;
  --admin-sidebar-width: 240px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
}