/* 제16회 한국잼버리 · 홍보부 보드 + 공개 제보 페이지 — 디자인 토큰 (단일 원본)
 *
 * 이 파일이 두 화면의 유일한 토큰 원본이다.
 *   /krjam-planning → jamboree-plan/styles.css 가 이 파일 다음에 로드
 *   /krjam-jebo     → 이 파일을 <link> 로 직접 로드
 * 이전에는 두 화면이 토큰을 각자 복붙해 들고 있었고, 그래서 색·타입은 같은데
 * 모서리(12 vs 13px)와 그림자만 어긋나 "비슷한데 뭔가 안 맞는" 상태였다.
 *
 * ── 색을 넣기 전에 통과해야 하는 규칙 ──
 *  1. 형태가 축을, 색이 값을 나타낸다.
 *     진행 상태 = 연한 칩 · D-count 단계 = 솔리드 띠 · 채널 = pill · 일정 종류 = 블록 배경.
 *     형태가 다르므로 축이 달라도 같은 hue 를 재사용할 수 있다(예: 완료 = 한국 대표단 = #1F6B4F).
 *  2. 흰 글씨를 얹는 색은 대비 4.5:1 이상. 넘지 못하면 솔리드 대신 연한 배경 + 진한 잉크를 쓴다.
 *  3. 색은 혼자 일하지 않는다 — 상태·긴급도는 글자나 형태를 함께 쓴다(색각 이상 · 햇빛 아래 화면).
 *  괄호 안 숫자는 WCAG 상대휘도로 계산한 대비값이다. 값을 바꾸면 test/regress 의 대비 검사가 잡는다.
 */
:root{
  /* ── 바탕 · 글자 ── */
  --bg:#F3F4F1;            /* 그린 기운의 회색 — 순회색이 아니라 강조색 쪽으로 살짝 치우쳐 있다 */
  --surface:#FFFFFF; --surface-2:#FAFBF9; --surface-3:#F5F7F3;
  --ink:#1B211D;           /* 14.84 */
  --ink-2:#3E453F;         /* 8.94  */
  --muted:#5E6A5F;         /* 5.14  — 메타·보조 텍스트의 하한 */
  --faint:#7E867C;         /* 3.40  — 점선·빗금·플레이스홀더 전용. 본문·라벨에 쓰지 말 것 */
  --line:#E4E7E1; --line-2:#EDEFEA;

  /* ── 브랜드 ── */
  --accent:#2F5D4A;        /* 6.83 / 흰 글씨 7.54 */
  --accent-ink:#234636; --accent-soft:#E8F0EB; --accent-soft-2:#F1F6F2;

  /* ── 진행 상태 ── 솔리드(선택 상태·점): 흰 글씨 7.74 / 5.92 / 6.41 */
  --st-planned:#4C554D; --st-draft:#8A5A0B; --st-ready:#1F6B4F;
  /* 연한 칩(반복 노출되는 배지): 잉크 대비 6.68 / 5.24 / 5.46 */
  --st-planned-bg:#EDEFEA; --st-draft-bg:#FBF0DC; --st-ready-bg:#E2F0E9;

  /* ── D-count 단계 ── 캘린더 솔리드 띠 (전부 흰 글씨 4.5+) */
  --c-rest:#5F665F; --c-intl:#2E6FAE; --c-sub:#1F6B4F; --c-app:#8A5A0B; --c-fin:#B03E24; --c-during:#6B716A;

  /* ── 채널 ── 외부 브랜드 인지색이라 hue 는 유지하고 명도만 통과선까지 */
  --ch-fb:#2E6FAE; --ch-fb-bg:#E9F0F7; --ch-ig:#A8296F; --ch-ig-bg:#FBE9F2;
  --ch-yt:#B5271A; --ch-yt-bg:#FAE7E5; --ch-etc:#566056; --ch-etc-bg:#ECEFEA;

  /* ── 위험 ── 6.07 / 흰 글씨 6.07 */
  --danger:#A8412C; --danger-bg:#F9EBE7;

  /* ── 타입 스케일 ── 7단계.
     이전에는 크기가 21종(9.5 · 10.5 · 11 · 11.5 · 12 · 12.5 · 13 · 13.3333 …)이었다.
     0.5px 차이는 사람이 구분하지 못하므로 위계로 일하지 않는다. 13.3333 은 브라우저 기본값이 샌 것.
     새로 쓰는 코드는 이 토큰만 쓴다. */
  --fs-1:11px;   /* 배지 · 라벨 (weight 700) */
  --fs-2:12px;   /* 보조 · 시각 */
  --fs-3:13px;   /* 메타 */
  --fs-4:14px;   /* 본문 · 입력값 */
  --fs-5:16px;   /* 카드 제목 (600) */
  --fs-6:21px;   /* 섹션 (700) */
  --fs-7:28px;   /* 페이지 제목 (800) */

  /* ── 글꼴 ── 스택 끝을 한글 폰트로 닫는다.
     Arial 로 끝나면 한글이 없어 그 자리만 글자 모양이 달라진다. */
  --font-sans:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;   /* 자리가 맞아야 읽히는 값 — 시각 · D카운트 · 용량 */

  /* ── 폼 · 컨트롤 ── 손가락 기준으로 잡은 값.
     이 보드·제보의 주 사용 환경은 야영장의 스마트폰이다. 터치 타깃은 최소 48px,
     입력·버튼은 그보다 크게 잡아 장갑 낀 손·흔들리는 상황에서도 눌리게 한다. */
  --tap:48px;            /* 최소 터치 타깃 — 이보다 작은 조작 요소를 만들지 말 것 */
  --h-field:54px;        /* 입력 높이 */
  --h-btn:56px;          /* 주요 버튼 */
  --h-botnav:64px;       /* 폰 하단 탭 — 본문 하단 여백도 이 값을 참조한다(두 곳에 적으면 어긋난다) */
  --r-field:12px;        /* 입력 모서리 */
  --r-card:16px;         /* 카드 모서리 */

  /* ── 간격 · 모서리 · 그림자 ── */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --r-1:8px; --r-2:14px; --r-3:18px; --pill:999px;   /* r-2 는 카드 기본 — 토스 톤으로 12→14 */
  --sh-1:0 1px 2px rgba(22,32,26,.04), 0 1px 3px rgba(22,32,26,.05);
  --sh-2:0 6px 20px rgba(22,32,26,.10);
  --sh-3:0 22px 60px rgba(22,32,26,.24);
  --ease:.16s cubic-bezier(.4,0,.2,1);
}