/* 성이시돌 안내 지도 — 디자인 토큰 "목장의 초원과 흙"
   모든 색·간격·서체는 이 파일의 변수만 쓴다 (다른 파일에 원시 hex 금지).
   대비는 도구_tools/검사_check.py가 매번 확인한다. */
:root {
  --bg: #FBF9F4;          /* 종이 — 페이지 배경 */
  --bg-alt: #F2EEE4;      /* 교차 배경 */
  --primary: #3D4A34;     /* 짙은 초원 그린 — 제목 */
  --text: #2E2C26;        /* 본문 */
  --text-muted: #6A665C;  /* 보조 글자 */
  --accent: #A8542B;      /* 말·흙빛 — 주요 버튼 */
  /* 출입 구분 — 글자용(어두워야 흰 배경에서 읽힌다) */
  --open: #2F6B3A;        /* 출입: 누구나 */
  --timed: #8A5A00;       /* 출입: 시간에 맞춰 */
  --closed: #5B574D;      /* 출입: 밖에서만 */

  /* 출입 구분 — 마커 동그라미 채움색.
     모양(점선·굵은 테두리)이 아니라 색으로 구분한다. 마커는 지도를 줄이면
     14px까지 작아지는데 그 크기에서는 점선인지 굵은 선인지 뭉개져 안 보인다.
     색은 1px에서도 색이다.
     색맹 문제를 피하려고 세 색의 '밝기'를 어두움·중간·밝음으로 벌려 놓았다.
     흑백으로 봐도 세 단계가 구분된다 (서로 2.1:1 ~ 5.6:1). */
  --open-fill: #3A4A2E;   /* 올리브그린 — 어두움, 흰 번호 */
  --closed-fill: #726E64; /* 진한 회색  — 중간,  흰 번호 */
  --timed-fill: #B8942F;  /* 겨자       — 밝음,  진한 번호 */
  --alert: #9A2B1E;       /* 오늘의 알림 띠 */
  --line: #E4DFD3;        /* 경계선 */
  --white: #FFFFFF;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;

  --radius: 16px;
  --maxw: 900px;

  /* 어르신 방문객이 많다 — 본문 17px 아래로 내리지 않는다 */
  --font-body: 17px;
  --font-spot: 20px;
  --tap: 44px;            /* 누르는 것의 최소 크기 */

  --font-sans: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}