/* ATAT Works 디자인 토큰 — 색·글꼴·모서리·그림자의 유일한 원본.
   이 파일만 고치면 사이트 전체에 반영된다 (배포 때 prototype/design/로 복사: npm run sync:design).
   바꾸면 docs/00-decisions.md에 한 줄, design/README.md 표도 같이 고친다. 기준: D-019, D-023 */
:root{
  /* 바탕과 글자 */
  --color--bg:#F7F8FA;          /* 페이지 바탕 (차가운 흰색) */
  --color--surface:#FFFFFF;     /* 카드, 입력칸 */
  --color--muted-bg:#EEF1F5;    /* 띠 배경, 아이콘 타일, 사진 자리 */
  --color--ink:#15181D;         /* 본문·제목 글자, 선택 상태 */
  --color--muted:#5F6670;       /* 보조 글자 */
  --color--line:#E3E7ED;        /* 구분선 */
  --color--line-strong:#CBD2DC; /* 테두리 */

  /* 메인 색 (포럼 로고 파랑 #0087D2, 2026-10-19 류지원 제안) — 행동 버튼에만
     흰 글자 대비 3.9:1: 굵은 18.7px 이상 글자 기준(3:1)은 통과, 일반 글자 기준(4.5:1)은 미달 → 마우스 올림은 #0077BA(4.8:1) */
  --color--accent:#0077BA;        /* 주요 버튼 (#0087D2보다 한 톤 짙게, 류지원 10/19. 흰 글자 대비 4.8:1) */
  --color--accent-hover:#00639B;  /* 버튼 눌림·마우스 올림 (대비 6.4:1) */
  --color--accent-ink:#FFFFFF;    /* 강조색 위 글자 */
  --color--accent-soft:#E5F3FB;   /* 연한 강조 배경 */
  --color--accent-strong:#005A8C; /* 연한 배경 위 강조 글자 (대비 7.3:1) */

  /* 평면 일러스트 */
  --color--plan:#2A3240;
  --color--plan-soft:#B4BDCB;

  /* 기능 색 */
  --color--kakao:#FEE500; --color--kakao-ink:#191919; /* 카카오 규정 색 */
  --color--danger:#B3261E;
  --color--tbd-bg:#FFF1CC; --color--tbd-ink:#7A4F00;  /* [미정] 표시 */

  /* 글꼴: Pretendard 하나, 굵기 400 본문 · 500 메뉴 · 600 카드 제목·버튼 · 700 제목 */
  --font--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;

  /* 모서리와 그림자 */
  --radius--s:8px; --radius--m:12px; --radius--l:16px; --radius--pill:999px;
  --shadow--hover:0 10px 28px rgba(21,24,29,.10);
}