/* ═══════════════════════════════════════════════════════════════
   PropVis 리뉴얼 디자인 토큰 — 단일 소스 (2026-08-07 통합)
   ⚠️ 색 값은 반드시 이 파일에서만 정의한다.
   소비처: renewal.css · renewal-skin.css · renewal/*.css 가 @import 로 로드.
   페이지별 토큰 세트(--ld-*, --v2-*)는 각 파일 :root 에서 이 토큰의
   별칭(var(--rn-*))으로만 정의한다 — 리터럴 hex 재정의 금지.
   근거: docs/design/README-design-renewal.md 2절 (A안 확정)
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* 배경·텍스트 */
  --rn-bg: #F8F7F5;
  --rn-card-bg: #fff;
  --rn-bg-hover: #FAF9F7;       /* 행·카드 호버 표면 */
  --rn-text: #221E1C;
  --rn-text-sub: #7C756D;
  --rn-text-dim: #948C83;
  --rn-text-faint: #B8B1A8;

  /* 보더 — 진하기 순: strong > input > border > soft > faint */
  --rn-border-strong: #E2DAD5;
  --rn-input-border: #E7E4DF;
  --rn-border: #EBE7E2;
  --rn-border-soft: #F1EFEC;
  --rn-border-faint: #EFEDEA;
  --rn-border-hover: #D8D3CC;   /* 호버 시 보더 강조 */

  /* 브랜드 (인주색) */
  --rn-brand: #812B27;
  --rn-brand-hover: #6E2421;
  --rn-brand-soft: #F5E9E8;
  --rn-brand-faint: #FBF5F4;
  --rn-brand-border: #E5C7C4;

  /* 상태색 */
  --rn-st-unmatched: #C24A42;
  --rn-st-matched: #2F6DA3;
  --rn-st-done: #1F7A4D;
  --rn-st-wait: #B4651E;
  --rn-st-hold: #B8B1A8;

  /* 상태 연한 배경 */
  --rn-st-unmatched-soft: #F7ECEB;
  --rn-st-matched-soft: #EAF1F7;
  --rn-st-done-soft: #E9F1E8;
  --rn-st-wait-soft: #F9EEDF;
  /* wait 보더 — brand-border·danger-border 와 같은 급의 앰버 보더.
     property-reg 임시저장 리터럴 #F0DFC4 를 토큰화 (시각 불변, 2026-09-02 3차) */
  --rn-st-wait-border: #F0DFC4;

  /* 위험(삭제·해지) 톤 */
  --rn-danger-faint: #FDF3F2;
  --rn-danger-border: #EFC5C1;

  /* 회색 버튼 */
  --rn-grey: #F1EFEC;
  --rn-grey-hover: #E9E6E1;
  --rn-grey-text: #57504A;

  /* 그림자 — 웜 잉크(34,30,28) 계열만. JS 렌더 포함 전 그림자의 유일 출처 (2026-09-02 재검수 신설).
     기존 실사용 4규격을 그대로 토큰화: card=표/카드, raised=인증 카드, pop=드롭다운/팝오버, modal=모달 */
  --rn-shadow-card: 0 1px 4px rgba(34, 30, 28, .04);
  --rn-shadow-raised: 0 8px 32px rgba(34, 30, 28, .08);
  --rn-shadow-pop: 0 14px 34px rgba(34, 30, 28, .16);
  --rn-shadow-modal: 0 20px 54px rgba(34, 30, 28, .24);
  --rn-backdrop: rgba(34, 30, 28, .4);
}