/* 보툴즈 디자인 토큰
 *
 * 홈·내비 셸과 가벼운 도구 전부가 <link> 로 잇고, 보장분석·그림판의 화면 스타일(crm.css)도 이 값을 쓴다
 * (두 도구는 단일 파일이라 빌드가 이 파일을 화면 스타일 앞에 넣는다 — 각 도구의 src/build.ps1).
 * 값은 2026-07-25 에 사내 CRM 화면에서 실측해 정했고, 그 뒤로는 보툴즈의 기준이다. 쓰는 법은 디자인.md 1절.
 * 2026-10-17: 토스 디자인 시스템 공개 색과 소수점까지 같던 값을 보툴즈 값으로 바꿨다 — 겉모습은 그대로 두고
 * (밝기는 지금 화면 그대로), 회색은 보툴이 얼굴 남색 #1c293e 의 색감으로, 파랑 단계는 로고 파랑 #3182f6 의 색상으로.
 * 로고 파랑 #3182f6 과 흰색만 그대로다. 견준 표는 디자인.md 1절.
 * 같은 날 회색에서 푸른 기를 뺐다 — 밝기 그대로, R=G=B 무채색. 「파랑 + 푸른 회색」이 토스처럼 보이는 가장 큰 이유라서.
 *
 * 폰트는 assets/crm/fonts.css 를 <link> 로 따로 불러온다.
 */

:root {
  /* ── 브랜드 ─────────────────────────────── */
  --bt-primary: #3182f6;
  --bt-primary-hover: #2674e3;
  --bt-primary-weak-bg: #eaf2fe;
  --bt-primary-weak-fg: #1967d2;
  --bt-primary-light: #99c0fc;
  --bt-danger: #ed4a4c;
  --bt-danger-weak: #fcb0b2;

  /* ── 처리 상태 ───────────────────────────────
   * 피드백 게시판의 접수 → 확인함 → 반영됨 / 보류. 네 단계가 한눈에 갈려야 해서
   * 브랜드 파랑 하나로는 부족하다. 배경은 옅게, 글자는 진하게 짝으로 쓴다. */
  --bt-state-new-bg: #f4f4f4;   --bt-state-new-fg: #585858;   /* 접수 */
  --bt-state-seen-bg: #eaf2fe;  --bt-state-seen-fg: #1967d2;  /* 확인함 */
  --bt-state-done-bg: #e5f8ee;  --bt-state-done-fg: #00875a;  /* 반영됨 */
  --bt-state-hold-bg: #fef3e1;  --bt-state-hold-fg: #b76e00;  /* 보류 */

  /* ── 텍스트 ─────────────────────────────────
   * 전에는 CRM 처럼 반투명 남색이었다. 2026-10-17 에 흰 바탕에서 같은 밝기의 단색으로 바꿨다. */
  --bt-text-strong: #1f1f1f;   /* 제목, 활성 메뉴 */
  --bt-text: #3c3c3c;          /* 본문 */
  --bt-text-sub: #585858;      /* 메뉴, 버튼 라벨 */
  --bt-text-muted: #949494;    /* 보조 설명, 아이콘 */
  --bt-text-faint: #b7b7b7;    /* 플레이스홀더 */
  --bt-text-disabled: #d6d6d6; /* 비활성 */

  /* ── 면 ─────────────────────────────────── */
  --bt-bg: #ffffff;
  --bt-bg-sidebar: #f7f7f7;
  --bt-surface: #f4f4f4;
  --bt-surface-alt: #f9fafa;
  --bt-hover: rgba(41, 41, 41, 0.042);
  --bt-hover-weak: rgba(41, 41, 41, 0.021);

  /* ── 선 ─────────────────────────────────── */
  --bt-border: rgba(41, 41, 41, 0.054); /* 기본 구분선 (GNB 하단 등) */
  --bt-border-solid: #e8e8e8;          /* 표 테두리 */
  --bt-border-strong: #d5d5d5;         /* 입력 필드 */

  /* ── 회색 (고정색이 필요한 곳) ───────────── */
  --bt-gray-400: #b7b7b7;
  --bt-gray-500: #949494;
  --bt-gray-600: #757575;
  --bt-gray-700: #585858;

  /* ── 서체 ───────────────────────────────── */
  --bt-font: "Pretendard", -apple-system, BlinkMacSystemFont,
    "Bazier Square", "Noto Sans KR", "Segoe UI", "Apple SD Gothic Neo", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* 크기와 행간은 짝으로 쓴다 */
  --bt-fs-10: 10px;  --bt-lh-10: 1.2;
  --bt-fs-11: 11px;  --bt-lh-11: 1.273;
  --bt-fs-12: 12px;  --bt-lh-12: 1.334;
  --bt-fs-14: 14px;  --bt-lh-14: 1.429;  /* 기본 본문 */
  --bt-fs-15: 15px;  --bt-lh-15: 1.467;
  --bt-fs-17: 17px;  --bt-lh-17: 1.53;
  --bt-fs-19: 19px;  --bt-lh-19: 1.579;  /* 섹션 제목 */

  --bt-fw-regular: 400;
  --bt-fw-medium: 500;
  --bt-fw-semibold: 600;
  --bt-fw-bold: 700;

  /* ── 높이와 모서리 ───────────────────────────
   * CRM은 컴포넌트 높이마다 모서리 반경이 정해져 있다. 짝을 깨지 않는다. */
  --bt-h-16: 16px;  --bt-r-16: 4px;
  --bt-h-20: 20px;  --bt-r-20: 5px;
  --bt-h-24: 24px;  --bt-r-24: 6px;
  --bt-h-32: 32px;  --bt-r-32: 8px;   /* 작은 버튼, GNB 메뉴 */
  --bt-h-34: 34px;  --bt-r-34: 9px;   /* 사이드바 메뉴 */
  --bt-h-40: 40px;  --bt-r-40: 10px;  /* 기본 버튼, 입력 */
  --bt-h-48: 48px;  --bt-r-48: 12px;
  --bt-h-56: 56px;  --bt-r-56: 14px;  /* 큰 버튼, 카드 */

  /* ── 간격 ───────────────────────────────── */
  --bt-sp-1: 4px;
  --bt-sp-2: 8px;
  --bt-sp-3: 12px;
  --bt-sp-4: 16px;
  --bt-sp-5: 20px;
  --bt-sp-6: 24px;
  --bt-sp-8: 32px;
  --bt-sp-10: 40px;

  /* ── 레이아웃 (CRM 실측) ─────────────────── */
  --bt-gnb-h: 48px;
  --bt-sidebar-w: 220px;
}