/*
 * tokens.css — 디자인 토큰 (:root 변수).
 *
 * 필수 준수 사항 (BRIEF §3 / CORRECTIONS.md):
 *   --max-width, --hd-width, --main-color, --sub-color 4개는 이름/값을 절대 변경하지 않는다.
 *   그 외 토큰(간격/반경/그림자/상태색/서피스)은 자유롭게 추가하되, 컴포넌트 CSS에는
 *   색상/간격을 하드코딩하지 않고 항상 var()로 참조한다.
 *
 * 색상 역할 (시안 기준):
 *   --main-color #2aabe1 : 선택된 카테고리 타일 / 스테퍼 활성 / 링크·포인트 / 아이콘
 *   --sub-color  #0c51a1 : 주요 CTA 버튼(다음단계/견적요청/업체 둘러보기) / 로고
 */
:root {
    --max-width:960px;
    --hd-width:1240px;
    --main-color:#2aabe1;
    --sub-color:#0c51a1;

    --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;  --sp-5:20px; --sp-6:24px; --sp-8:32px;
    --pd-20:20px; --pd-30:30px; --pd-40:40px; --pd-60:60px; --pd-80:80px;
    --radius-sm:6px; --radius-md:12px; --radius-lg:24px;
    --shadow-1:0 2px 8px rgba(0,0,0,.08); --shadow-2:0 8px 24px rgba(0,0,0,.12);
    --color-success:#2eb872; --color-danger:#e5484d; --color-warning:#f5a623; --color-info:#2aabe1;
    --text-1:#111827; --text-2:#4b5563; --text-3:#9ca3af;
    --surface-0:#ffffff; --surface-1:#f5f9fc;
    --hero-gradient: linear-gradient(180deg,#eaf6fd 0%,#ffffff 100%);

    /* FIXLIST F1: home.css/card.css 에 남아있던 하드코딩 색상을 승격한 토큰.
       --max-width/--hd-width/--main-color/--sub-color 4개는 그대로이며 이 아래는 전부 추가분이다. */
    --color-accent-yellow:#fdecb0;   /* 홈 이벤트 배너(노랑) 배경 — 기존 home.css 페이지 스코프 --home-event-bg 승격 */
    --color-line-soft:#dbe2ea;       /* 비활성 셀렉트 밑줄 등 연한 구분선 */
    --lever-gradient: linear-gradient(180deg,#e3ecf5,#c7d5e3); /* 히어로 슬롯 레버 트랙 */
    --color-on-primary:#ffffff;      /* 색이 있는 배경(sub-color 배너/버튼 등) 위에 올라가는 흰색 전경색 */

    /* FIXLIST G9: market.css/review.css 에 각각 하드코딩돼 있던(그리고 서로 동일한 값으로 중복돼
       있던) 색상 2건을 토큰으로 승격. --max-width/--hd-width/--main-color/--sub-color 4개는
       여전히 그대로다. */
    --color-border-dashed:#c7d2dd;   /* 사진 업로드 타일의 점선 테두리(견적요청/중고마켓/리뷰 공용 톤) */
    --color-scrim-strong:rgba(17,24,39,.65); /* 사진 타일 삭제(X) 버튼 배경 등 진한 반투명 스크림 */

    /* 헤더 오버레이(FIXLIST H1): >=768px 에서 .site-header 가 position:fixed 로 바뀌어 문서 흐름
       밖으로 빠지면서 더 이상 자기 높이를 예약하지 않으므로, 그만큼을 --header-h 토큰으로 값을
       고정해 site-main 기본 오프셋(assets/css/base/layout.css)과 페이지별 오버레이 상단 패딩
       (home.css/estimate.css/auth.css), chat.css 의 채팅방 높이 계산에서 매직넘버 없이 공유한다.
       --header-pill-min-h 는 .site-header__inner 의 min-height(흰색 알약)와 동일한 값이고,
       --header-h 는 거기에 .site-header 자체의 상하 패딩(var(--sp-3) 위/아래)을 더한 값이다.
       --max-width/--hd-width/--main-color/--sub-color 4개는 여전히 그대로다. */
    --header-pill-min-h:80px;
    --header-h:calc(var(--header-pill-min-h) + (var(--pd-40) * 2));

    /* 홈 히어로 블롭/오로라 배경(클라이언트 시안): 기존 --hero-gradient 는 estimate 스테퍼 화면과
       auth 화면(로그인/가입)이 여전히 그대로 참조하므로 값도 이름도 건드리지 않는다. 홈 히어로만
       쓰는 새 토큰을 추가한다. --max-width/--hd-width/--main-color/--sub-color 4개는 여전히 그대로다. */
    --hero-blob-base:#e8f3f7;        /* 히어로 바탕색(평평한 배경 대신 블롭이 떠다니는 바탕) */
    --hero-blob-tint-1:#d3f8fe;      /* 기준 하늘색 블롭 */
    --hero-blob-tint-2:#eefdff;      /* 더 밝은(거의 흰색에 가까운) 블롭 — 대비를 낮게 유지 */
    --hero-blob-tint-3:#c7effa;      /* 약간 더 진한 블롭 — 은은한 깊이감 */
}