/* 보툴즈 디자인 토큰
 *
 * 홈·내비 셸과 가벼운 도구 전부가 <link> 로 잇고, 보장분석·그림판의 화면 스타일(crm.css)도 이 값을 쓴다
 * (두 도구는 단일 파일이라 빌드가 이 파일을 화면 스타일 앞에 넣는다 — 각 도구의 src/build.ps1).
 * 값은 2026-07-25 에 사내 CRM 화면에서 실측해 정했고, 그 뒤로는 보툴즈의 기준이다. 쓰는 법은 디자인.md 1절.
 *
 * 폰트는 assets/crm/fonts.css 를 <link> 로 따로 불러온다.
 */

:root {
  /* ── 브랜드 ─────────────────────────────── */
  --bt-primary: #3182f6;
  --bt-primary-hover: #2272eb;
  --bt-primary-weak-bg: #e8f3ff;
  --bt-primary-weak-fg: #1b64da;
  --bt-primary-light: #90c2ff;
  --bt-danger: #f04452;
  --bt-danger-weak: #feafb4;

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

  /* ── 텍스트 ─────────────────────────────────
   * CRM은 불투명 회색 대신 반투명 남색을 쓴다.
   * 배경색이 무엇이든 자연스럽게 얹히는 효과가 있어 그대로 따른다. */
  --bt-text-strong: rgba(2, 9, 19, 0.91);    /* 제목, 활성 메뉴 */
  --bt-text: rgba(0, 12, 30, 0.8);           /* 본문 */
  --bt-text-sub: rgba(3, 18, 40, 0.7);       /* 메뉴, 버튼 라벨 */
  --bt-text-muted: rgba(3, 24, 50, 0.46);    /* 보조 설명, 아이콘 */
  --bt-text-faint: rgba(0, 25, 54, 0.31);    /* 플레이스홀더 */
  --bt-text-disabled: rgba(0, 29, 58, 0.18); /* 비활성 */

  /* ── 면 ─────────────────────────────────── */
  --bt-bg: #ffffff;
  --bt-bg-sidebar: #f6f7f9;
  --bt-surface: #f2f4f6;
  --bt-surface-alt: #f9fafb;
  --bt-hover: rgba(0, 23, 51, 0.04);
  --bt-hover-weak: rgba(0, 23, 51, 0.02);

  /* ── 선 ─────────────────────────────────── */
  --bt-border: rgba(2, 32, 71, 0.05);  /* 기본 구분선 (GNB 하단 등) */
  --bt-border-solid: #e5e8eb;          /* 표 테두리 */
  --bt-border-strong: #d1d6db;         /* 입력 필드 */

  /* ── 회색 (고정색이 필요한 곳) ───────────── */
  --bt-gray-400: #b0b8c1;
  --bt-gray-500: #8b95a1;
  --bt-gray-600: #6b7684;
  --bt-gray-700: #4e5968;

  /* ── 서체 ───────────────────────────────── */
  --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;
}