/* styles/tokens.css — 디자인 토큰 (색상·간격·권역색). 컴포넌트는 이 변수만 사용 */
:root {
  /* 브랜드 (배치도 원본 남색 계열) */
  --brand-900: #103a6b;
  --brand-800: #14477e;
  --brand-700: #1660a8;
  --brand-500: #2f9fd8;
  --brand-100: #e6f2fb;
  --map-bg:    #ffffff;   /* 지도 바탕 (흰색) */
  --map-frame: #d3ddea;   /* 지도 외곽 테두리 */

  /* 표면 */
  --bg:         #f4f7fb;
  --surface:    #ffffff;
  --surface-2:  #eef3f9;
  --border:     #d3ddea;
  --text:       #16283d;
  --text-dim:   #5d7089;
  --text-inv:   #ffffff;

  /* 부스 상태 (MAP.md) — 부스/벽면 네이비 통일 */
  --booth-bg:     #123f70;
  --booth-text:   #ffffff;
  --divider:      rgba(255,255,255,0.4); /* 나란한 두 대학 구분선 */
  --match-bg:     #ffd24a;
  --match-text:   #16283d;
  --match-ring:   #f5a623;
  --dim-bg:       #cdd6e0;
  --dim-text:     #8090a0;
  --facility-bg:  #e3eaf2;
  --facility-text:#3a4b60;
  --wall-bg:      #123f70;
  --pillar-sq:    #0b2c52; /* 통로 기둥 표시(■) */

  /* 간격 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-6: 24px;
  --radius: 8px;
  --radius-sm: 5px;

  /* 지도 레이아웃 (원본 그룹 구조 재현) */
  --wall-w:   30px;   /* 좌/우 벽면 라벨 폭 */
  --cell-gap: 4px;    /* 한 블록 내부 부스 사이 간격 (작게) */
  --col-gap:  13px;   /* 열(블록) 사이 통로 (모두 보행 가능) */
  --row-gap:  15px;   /* 행(밴드) 사이 통로 */
  --aisle-x:  12px;   /* 열 그룹 사이 추가 통로 */
  --aisle-y:  22px;   /* 행 그룹 사이 추가 통로 */
  --booth-col: 104px; /* 부스 열 최소 폭 */
  --map-w:    1180px; /* 지도 전체 폭 (줌 기준) */
  --shadow: 0 2px 8px rgba(11, 58, 111, 0.12);
  --shadow-lg: 0 8px 28px rgba(11, 58, 111, 0.22);

  /* 권역 색상 (행정구역 10개) */
  --region-서울: #4c6ef5;
  --region-경기: #7048e8;
  --region-강원: #2f9e44;
  --region-충북: #82c91e;
  --region-충남: #f59f00;
  --region-전북: #e8590c;
  --region-전남: #d6336c;
  --region-경북: #ae3ec9;
  --region-경남: #f03e3e;
  --region-제주: #0ca678;

  /* 계약(접수 플랫폼) 색상 — 진학사=파랑, 유웨이=빨강, 듀얼=보라 */
  --plat-진학사: #1c6dd0;
  --plat-유웨이: #e8382c;
  --plat-듀얼:   #7048e8;
}