/* ============================================================
   tokens.css — DAESINLOAN 디자인 시스템 토큰 (CSS 변수)
   ------------------------------------------------------------
   모든 화면은 이 파일을 먼저 import 한다.
   색·사이즈·여백을 바꿀 때는 이 파일만 수정하면
   전체 화면에 한 번에 반영된다.
   원문: /DAESINLOAN-DESIGN-SYSTEM.md
   ============================================================ */

:root {
  /* ----- Brand ----- */
  --color-brand-primary: #7C3AED;   /* color/brand/primary — 사이드바 배경, 주요 버튼 */
  --color-brand-subtle:  #F5F3FF;   /* color/brand/subtle  — 연한 보라 배경 */
  --color-brand-accent:  #774CE7;   /* color/brand/accent  — 사이드바 활성 텍스트/아이콘 */

  /* ----- Status ----- */
  --color-status-success: #10B981;  /* color/status/success — 승인·진행 */
  --color-status-error:   #EF4444;  /* color/status/error   — 반려·위험 */
  --color-status-info:    #3B82F6;  /* color/status/info    — 링크 */

  /* ----- Neutral ----- */
  --color-neutral-background: #F9FAFB;  /* color/neutral/background — 앱 배경 */
  --color-neutral-surface:    #FFFFFF;  /* color/neutral/surface    — 카드·테이블 행 */
  --color-neutral-border:     #E5E7EB;  /* color/neutral/border     — 구분선·입력 테두리 */

  /* ----- Text ----- */
  --color-text-primary:   #1F2937;  /* color/text/primary   — 본문·표 데이터 */
  --color-text-secondary: #6B7280;  /* color/text/secondary — 라벨·보조 */
  --color-text-strong:    #111827;  /* color/text/strong    — H1 페이지 타이틀 */

  /* ----- Sidebar ----- */
  --color-sidebar-overlay-active: #DDD4FC;  /* color/sidebar/overlay-active — 활성 메뉴 배경 */

  /* ----- Radius ----- */
  --radius-sm: 4px;   /* 배지 등 */
  --radius-md: 8px;   /* 입력·카드 */

  /* ----- Spacing (4의 배수만 사용) ----- */
  --space-4:  4px;
  --space-6:  6px;
  --space-8:  8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;

  /* ----- Typography ----- */
  --font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* 역할별 폰트 사이즈/웨이트 (DAESINLOAN-DESIGN-SYSTEM.md §3) */
  --type-h1-size: 20px;             --type-h1-weight: 700;
  --type-section-size: 16px;        --type-section-weight: 700;
  --type-table-header-size: 13px;   --type-table-header-weight: 600;
  --type-menu-size: 16px;           --type-menu-weight: 600;
  --type-body-size: 14px;           --type-body-weight: 400;
  --type-accent-size: 14px;         --type-accent-weight: 600;

  /* ----- Layout ----- */
  --sidebar-width: 210px;   /* 사이드바 너비 (240 → 210 조정됨) */
  --input-height:  36px;    /* 폼 입력 높이 */
  --row-height:    44px;    /* 테이블 행 높이 (40–44px 범위) */
}