/* ============================================================
   다원경매 디자인 토큰 v1.0  (단일 소스 — 여기 외 색상 하드코딩 금지: R-DS1)
   원본: D:/Projects/docs/dawon-design-system/tokens.css (design-system 스킬)
   본 파일은 배포 폴더(dawon_auction1) 사용을 위한 동일 사본이다.
   추출 기준: references/golden-screen-detail-top.html
   변경 절차: docs 원본 토큰 수정 제안 → 대표 승인 → 원본·본 사본 동시 반영
   ============================================================ */

:root {
  /* ---- 브랜드 (기본: 1안 블루 · 2안 그린은 data-theme="green") ---- */
  --brand:       #1D5DEC;
  --brand-deep:  #0F3FBF;   /* hover·pressed */
  --brand-tint:  #EDF3FF;   /* 배경·배지 */

  /* ---- 시맨틱 (색 = 권리분석 언어, 툴팁 사전 T1/T2/T3와 동일 위계) ---- */
  --danger:      #D6293E;   /* T1 — 인수·미납·위험 '전용' (R-DS2) */
  --danger-tint: #FCEEF0;
  --warn:        #9A5B00;   /* 주의 — 재매각·특별조건·저촉 */
  --warn-tint:   #FBF1DE;
  --ok:          #0E9F6E;   /* 긍정·완료 — 절제해서 사용 */
  --ok-tint:     #E7F6F0;

  /* ---- 잉크 & 면 (T3 참고 정보는 --ink3 회색) ---- */
  --ink:   #191F28;         /* 본문·핵심 숫자 */
  --ink2:  #4E5968;         /* 보조 본문 */
  --ink3:  #8B95A1;         /* 캡션·라벨·T3 */
  --line:  #E5E8EB;         /* 1px 보더 — 그림자 대신 (R-DS4) */
  --bg:      #F6F7F9;       /* 페이지 배경 */
  --surface: #FFFFFF;       /* 패널·표 */

  /* ---- 형태 (이 3값 외 금지: R-DS5) ---- */
  --r-lg: 14px;             /* 카드·패널·밴드 */
  --r-md: 9px;              /* 버튼·마크 */
  --r-sm: 6px;              /* 칩·태그 */

  /* ---- 간격 (8px 그리드, 4px 보조) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 40px;

  /* ---- 타이포 (Pretendard 단일: R-DS6) ---- */
  --font: "Pretendard Variable", Pretendard, -apple-system,
          "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --fs-micro:   11.5px;     /* 출처 라벨·원 단위 병기 */
  --fs-caption: 12.5px;     /* 칩·캡션·표 헤더 */
  --fs-body:    14px;       /* 본문·표 셀 */
  --fs-emph:    15.5px;     /* 강조 본문·밴드 제목 */
  --fs-title:   17px;       /* 섹션 제목·기일 */
  --fs-num:     19px;       /* 핵심 숫자 */
  --fs-display: 24px;       /* 히어로 숫자(실질 취득가)·페이지 제목 */
}

/* ---- 2안 그린 (전환은 이 속성 하나로 — 컴포넌트 분기 금지) ---- */
[data-theme="green"] {
  --brand:      #0E9F6E;
  --brand-deep: #0A7A54;
  --brand-tint: #E7F6F0;
}

/* ---- 필수 유틸 ---- */
.num {                       /* 모든 금액·수치에 적용 (R-DS3) */
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}