/* css/tokens.css
 *
 * 🎨 디자인팀이 수정하는 파일은 이 파일 "하나"입니다.
 * 색상·폰트·모서리 둥글기·그림자 값만 있고, 레이아웃(배치 구조)은 이 파일에 없습니다.
 * 이 파일의 변수 값만 바꾸면 전체 화면의 톤이 바뀌도록 css/style.css가 설계되어 있습니다.
 * (반대로 style.css를 건드리면 챗봇 로직/구조가 깨질 수 있으니 손대지 말아 주세요.)
 *
 * 지금 채워진 값은 배포 확인용 기본값입니다 — 속초 해변(비치프런트) + 무인·프라이빗 컨셉에서
 * 착안한 "해 질 무렵 동해 + 브랜드 골드" 팔레트이며, 회사 IR 자료의 딥네이비(#0A2342)+골드(#C9A84C)
 * 톤을 계승했습니다. 디자인팀 결과물이 나오면 이 파일만 통째로 교체하면 됩니다.
 */

:root {
  /* ── 색상 ── */
  --color-ink: #10202b;           /* 짙은 네이비 — 헤더, 봇 아바타 마크, 사용자 말풍선 배경 */
  --color-ink-soft: #33454f;      /* 보조 텍스트용 네이비 */
  --color-paper: #eff4f3;         /* 배경 — 옅은 바다안개 톤 */
  --color-surface: #ffffff;       /* 카드/봇 말풍선 배경 */
  --color-accent: #c9a84c;        /* 브랜드 골드 — 버튼, 강조, 포인트 라인 */
  --color-accent-ink: #3a2e10;    /* 골드 배경 위에 올라가는 텍스트 색 */
  --color-line: #dfe6e4;          /* 구분선, 카드 테두리 */
  --color-muted: #6b7b80;         /* 메타 정보, 보조 캡션 */
  --color-danger-bg: #fdf1ef;     /* 에러 말풍선 배경 */
  --color-danger-ink: #9a3b2c;    /* 에러 말풍선 텍스트 */

  /* ── 타이포그래피 ── */
  --font-ui: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-display: 'Noto Serif KR', 'Pretendard Variable', serif;
  --fs-caption: 12px;
  --fs-body: 15px;
  --fs-title: 18px;

  /* ── 형태 ── */
  --radius-bubble: 18px;
  --radius-chip: 999px;
  --radius-card: 14px;
  --shadow-fab: 0 6px 16px rgba(16, 32, 43, 0.28);
  --shadow-card: 0 1px 3px rgba(16, 32, 43, 0.06);

  /* ── 여백 스케일 ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
}