/* 견적마켓 디자인 토큰 — 값의 단일 출처.
*
* 규칙: CSS·HTML 어디에도 raw hex / raw px 를 새로 쓰지 않는다.
* 필요한 값이 없으면 여기에 토큰을 추가하고 docs/브랜딩-견적마켓.md 에 기록한다.
*
* 설계 근거는 docs/디자인시스템-지침.md(2026-08-10) + docs/브랜딩-견적마켓.md(2026-08-22).
* ⚠ 기존 색을 버리지 않고 «의미 이름»을 붙여 승계한다 — 화면이 갑자기 달라 보이지 않으면서
* 규칙만 생긴다.
*/
:root {
/* --- 브랜드 -------------------------------------------------------------
* 잉크 = 사이드바·머리글의 바탕이자 앱 버튼의 채움.
* 시그널 = 마감선·확정처럼 «시간이 걸린 것»에만 쓰는 현장색. 남발 금지.
* (2026-09-14 이전에는 블루프린트 블루 #2f6fed 가 주색이었다 — 전량 교체됨)
*/
/* ★★ 2026-09-14 — 값의 출처는 클로드디자인 핸드오프다
* (`design_handoff_gigyukmart/README.md` §Design Tokens). 추측값이 아니다.
* ⚠ 핸드오프의 제품명은 «견적마트»인데 이 저장소는 «견적마켓»이다 — 이름은 안 바꿨다.
*
* ★ 노랑은 «바깥»(랜딩·스플래시), 앱 «안»은 웜 잉크다(소유자 지시).
* 핸드오프 규칙과도 맞는다 — «노랑은 한 면에 하나», «노랑 위 글자는 잉크».
* ⚠ 무채색 회색이 아니라 «웜» 잉크·그레이다. 순검정·순회색으로 되돌리지 말 것.
*/
--c-brand: #403A33; /* 웜 잉크 — 앱 버튼 채움 */
--c-brand-strong: #2f2a25; /* hover */
--c-brand-weak: #FFF3D4; /* 소프트 옐로 — 배지·태그 배경 */
--c-ink: #403A33;
--c-ink-soft: #5a5148;
/* 채움 --c-brand / 그 위 글자 --c-on-brand / 밝은 바탕 위 브랜드색 «글자»는 --c-brand-ink.
⚠ 이 셋을 섞어 쓰지 않는다 — 주색이 또 바뀌어도 이 구분만 지키면 tokens 세 줄로 끝난다. */
--c-brand-ink: #C2410C; /* 핸드오프 «링크 기본값» */
--c-on-brand: #FFC53D; /* 잉크 채움 위 글자 = 마트 옐로 (핸드오프 «반전형») */
--c-signal: #e8590c;
--c-signal-weak: #fdf0e6;
/* --- 표면·경계·글자 (전부 웜 톤) --- */
--c-bg: #FFFCF4; /* 크림 페이퍼 */
--c-surface: #FFFFFF;
--c-surface-alt: #FFFAEC; /* 연한 강조 블록 */
--c-border: #F2E7D0; /* 라인 */
--c-border-weak: #F8F1E2;
--c-border-strong:#E5D3A8; /* 핸드오프 «대시 보더» — hover·강조 테두리 */
--c-text: #403A33;
--c-text-muted: #6E5F45; /* 웜 그레이 — 4.5:1 통과 */
--c-text-invert: #FFFCF4;
--c-on-ink: #E8E0D2;
--c-on-ink-dim: #A79880;
/* 핸드오프 §Typography — 제목은 Jua(단일 웨이트, 위계는 크기로만),
본문은 Pretendard. ⚠ Jua 에 굵기를 주지 말 것 — 없다. */
--font-display: 'Jua', 'Malgun Gothic', sans-serif;
/* --- 상태 --- */
--c-success: #1f9d55; --c-success-bg: #e5f6ec;
--c-danger: #d64545; --c-danger-bg: #fdeaea;
--c-warn: #d97706; --c-warn-bg: #fdf0e6;
--c-info: #0d9488; --c-info-bg: #e6f7f4;
/* --- 글자 크기: 6단계로 끝 --- */
--fs-xs: 12px;
--fs-sm: 13px;
--fs-base: 14px;
--fs-lg: 16px;
--fs-xl: 20px;
--fs-2xl: 24px;
--lh-tight: 1.3;
--lh-base: 1.6;
/* --- 굵기 --- */
--fw-normal: 400;
--fw-medium: 600;
--fw-bold: 700;
/* --- 간격: 4의 배수만 --- */
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
--sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
/* --- 둥글기: 핸드오프 «라운드 3단계». 각진 사각형은 쓰지 않는다 ---
* (design_handoff_gigyukmart/README.md §Border Radius)
* 칩·배지·pill --r-full 999px
* 입력·소형버튼 --r-sm 14px
* 버튼·소형카드 --r-md 16px
* 표준 카드 --r-lg 20px
* 큰 섹션·패널 --r-xl 28px
*/
--r-sm: 14px; --r-md: 16px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;
/* --- 그림자: 없다 ---------------------------------------------------
* 핸드오프: «이 시스템은 그림자를 쓰지 않고 1px solid 보더와 배경 대비로만
* 레이어를 만듭니다. 그림자를 추가하지 마세요.»
* ⚠ --sh-1 / --sh-2 를 되살리지 말 것. 띄워야 하면 보더·배경으로 가른다.
* (box-shadow: inset ... 은 «선»을 그리는 용도라 예외 — 높이가 아니다)
*/
/* --- 폰트 --- */
--ff-base: 'Pretendard Variable', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif;
--ff-num: 'Pretendard Variable', 'Pretendard', ui-monospace, 'Consolas', monospace;
/* --- 레이아웃 --- */
--nav-w: 210px;
--nav-w-collapsed: 56px;
--topbar-h: 54px;
/* 옛 이름 — 기존 13개 템플릿이 아직 쓰고 있어 남긴다.
새 코드에서는 위 --c-* 를 쓴다. (정리되면 이 블록만 지우면 된다) */
--navy: var(--c-ink);
--ink: var(--c-ink); /* 독립 공개 화면들이 쓰던 이름 */
--navy-light: var(--c-ink-soft);
--accent: var(--c-brand);
--bg: var(--c-bg);
--border: var(--c-border);
--text: var(--c-text);
--muted: var(--c-text-muted);
--green: var(--c-success);
--red: var(--c-danger);
--amber: var(--c-warn);
/* ★네이티브 체크박스·라디오는 배경·보더로 색을 못 칠한다 — `accent-color` 가 그 자리다.
* 이게 없으면 팔레트를 바꿔도 **브라우저 기본 파랑**으로 남는다
* (2026-09-30 실측: 팔레트 교체 뒤에도 공개 개산 화면의 등급 라디오가 파랬다. 화면 19곳).
* ⚠ 컴포넌트 규칙이 아니라 **팔레트 선언**이라 여기 있다 —
* `accent-color` 는 **상속되는 속성**이라 `:root` 한 줄이 문서 전체에 내려간다.
* ★components.css 에 두면 안 된다: 고객·공급사가 보는 **무가입 공개 화면은
* tokens.css 만 링크**한다(그 화면들이 정작 색이 틀어졌던 자리다). */
accent-color: var(--c-brand);
}