/* 밸류클립 디자인 토큰 — 상세개발지침서 §2
 *
 * 이 파일이 유일한 색·간격 원천이다. 다른 CSS·PHP 에 hex 를 쓰지 마라.
 * 리브랜딩은 이 파일 하나를 갈아끼우면 끝나야 한다. (tools/vc-check.py 가 막는다)
 */

:root{
  /* ── Honey : 면(面) 전용 ─────────────────────────────────────── */
  --vc-honey:#EFC24E;         /* 강조선·활성 칩·다크 위 라벨 */
  --vc-honey-200:#F8E7AC;     /* 형광펜·연한 커버 바닥 */
  --vc-honey-100:#FCF3D9;     /* 히어로 밴드·배지·섹션 틴트 */
  --vc-honey-ink:#7A5410;     /* (중요) 밝은 배경 위 텍스트·숫자·링크는 전부 이 색 */
  --vc-honey-line:#E4D9BC;    /* 허니 틴트 위 카드 테두리 */

  /* ── 확장 팔레트 v4 — 의미를 가진 5색 ────────────────────────────
   * 이미지카드 통합지침서 §0. 허니 단색으로는 40편 이상에서 피로해진다.
   * 색을 다섯으로 늘리되 각 색에 뜻을 고정한다 — 장식 목적의 색은 없다.
   *
   * 크롬(헤더·푸터·내비)은 허니 단색 그대로. 이 5색은 콘텐츠 영역 전용이다.
   * 한 그림·한 카드에 주색 1개 + 잉크 + 종이. 한 화면 3색 이상 병치 금지.
   *
   * value 만 흰 글자·밝은 배경 위 텍스트 둘 다 불가 → --vc-honey-ink 를 쓴다.
   */
  --vc-accent-value:#EFC24E;  /* 우리가 주장하는 값 */
  --vc-accent-law:#2450C8;    /* 제도·법령·공적 기준 */
  --vc-accent-save:#0E8F6A;   /* 절감·유리 */
  --vc-accent-risk:#C6431F;   /* 불이익·기한·가산세 */
  --vc-accent-proc:#16255A;   /* 공적 절차·수용 */
  /* 틴트 5색 — 정본 §2.2 / 일러스트 §B0.
   * 한때 둘만 남겨 뒀다. 옅은 색면을 **넓게** 깔다가 화면이 물빠졌기 때문인데,
   * 원인은 색이 아니라 면적이었다. 지금은 커버 도트(8px 그리드)처럼
   * **좁게** 쓰는 자리에만 들어간다 — 넓은 색면으로 되돌리지 마라. */
  --vc-tint-value:#FCF3D9; --vc-tint-law:#E7EDFA; --vc-tint-save:#E2F2ED;
  --vc-tint-risk:#FAE8E2;  --vc-tint-proc:#E4E8F4;

  /* 지금 이 요소의 주색. 부모가 data-t / data-accent 로 위 다섯 중 하나를 꽂고,
   * 자식(배지·띠·번호)은 전부 이 하나만 읽는다 — JS 가 색을 고르지 않게 하는 장치.
   * 기본값은 허니라 꽂히지 않아도 브랜드 색으로 떨어진다. */
  --vc-t:#EFC24E;
  /* 지금 이 요소의 주색 틴트. --vc-t 와 짝이라 같이 꽂힌다. */
  --vc-tint:#FCF3D9;

  /* ── 자격 4색 (전문가도감 §5) ─────────────────────────────────
   * 구분용이며 **서열이 아니다.** 그래서 조건이 하나 붙는다 —
   * 넷 다 밝은 배경에서 AA 를 통과해야 한다. 한 종만 흐리면 그 자격이
   * 열등해 보이고, 순위를 없애려 만든 페이지에서 비대칭이 생긴다.
   * (실제 사고: 공인중개사만 3.52:1 이었다. 그래서 면색 #0E8F6A 가 아니라
   *  텍스트 전용 #0B7355 를 따로 둔다 — §5 "면 색과 텍스트 색을 분리한다")
   * 종이(#FFFDF8) 위 대비: 6.4 / 14 / 6.6 / 5.1 */
  /* 지금 이 카드의 자격색. data-qual 이 꽂는다 — --vc-t 와 같은 방식이다.
   * 기본값이 없으면 꽂히지 않은 카드에서 색이 통째로 비어 글자가 사라진다. */
  --vc-qual:#22262C;
  --vc-qual-tax:#2450C8;        /* 세무사 */
  --vc-qual-cpa:#16255A;        /* 회계사 */
  --vc-qual-appraiser:#7A5410;  /* 감정평가사 */
  --vc-qual-broker:#0B7355;     /* 공인중개사 */

  /* ── Ink & Neutral (웜) ──────────────────────────────────────── */
  --vc-ink:#22262C;           /* 본문·테두리·다크 바닥 */
  --vc-body:#4A4F57;          /* 카드·표 본문 (잉크보다 한 단계 여림) */
  --vc-gray:#5B6069;          /* 보조 텍스트 */
  /* 최약 보조 두 색. 캘린더 지침서 §8 은 #8A857B(라이트)·#8A9099(다크)를 지정하지만
   * 그 값으로는 11~11.5px 본문이 3.5:1 / 4.2:1 이라 **AA(4.5:1) 에 못 미친다**(실측).
   * 상세개발지침서 §9 는 "대비 AA 전수 통과"를 요구한다 — 둘이 부딪히면 접근성이 이긴다.
   * 색상 성격은 그대로 두고 명도만 최소한으로 옮겼다.
   * warm 은 종이뿐 아니라 **틴트 위에도** 얹히므로(가산세 카드가 강조되면 틴트로 바뀐다)
   * 가장 어두운 바닥인 tint-risk 기준으로 잡았다 — 5.36 / 5.22 / 4.60 / 4.71 / 4.92. */
  --vc-gray-warm:#6E6960;     /* 라이트 위 최약 보조 — 요일·범례·각주 */
  --vc-gray-cool:#959BA4;     /* 다크 위 최약 보조 */
  --vc-gray-dark:#A8A29A;     /* 다크 배경 위 보조 */
  --vc-gray-footer:#D6D2CA;   /* 다크 배경 위 링크 */
  --vc-line:#EAE7DF;          /* 헤어라인 */
  --vc-line-dark:rgba(251,250,247,.14);
  --vc-line-honey:rgba(34,38,44,.14); /* 허니 틴트 위 헤어라인 */
  /* 지침서 표에 없지만 시안이 쓰는 알파값이다. hex 하드코딩을 피하려고
   * 토큰으로 올린다 — 다크 위 아웃라인(.2).
   * (`--vc-rule-hero` 는 히어로 지표 구분선용이었는데 지표 셀이 빠져 지웠다.
   *  안 쓰는 토큰은 게이트가 막는다.) */
  --vc-line-dark-strong:rgba(251,250,247,.2);
  /* sticky 헤더 바닥. color-mix() 는 구 삼성인터넷에서 통째로 무시된다. */
  --vc-header-bg:rgba(251,250,247,.95);

  /* ── Surface ─────────────────────────────────────────────────── */
  --vc-bg:#FBFAF7;            /* 페이지 바닥 */
  --vc-surface:#FFFDF8;       /* 카드 */

  /* ── 다크 로고 변형 ──────────────────────────────────────────── */
  --vc-dark-paper:#E4E0D8; --vc-dark-back:#B99450;
  --vc-dark-outline:#3A3733; --vc-dark-rule:#4A453E;

  /* ── 다크 존 (캘린더 상세) ───────────────────────────────────────
   * 잉크(--vc-ink) 바닥 위에 얹는 한 단계 밝은 면과 그 테두리.
   * 캘린더 지침서 §4.1 의 실측값이다. */
  --vc-dark-card:#2A2F35;     /* 다크 바닥 위 카드 */
  --vc-dark-line:#3E444B;     /* 그 테두리·구분선 */
  --vc-dark-text:#DCD8D0;     /* 다크 위 본문 */
  --vc-dark-btn-line:#6B7178; /* 다크 위 아웃라인 버튼 */
  --vc-dark-dot:rgba(251,250,247,.22); /* 다크 위 점선 정보행 */

  /* ── 놓치면 블록 (캘린더 지침서 §4.3) ────────────────────────── */
  --vc-risk-bg:#33221C; --vc-risk-label:#EE9A7B;
  --vc-risk-text:#F0EDE7; --vc-risk-ex:#C9BDB6;
  --vc-risk-dot:rgba(238,154,123,.35);

  /* ── 달력 셀 (캘린더 지침서 §5.1) ────────────────────────────── */
  --vc-cell-out:#F5F3EE; --vc-cell-out-line:#EFEDE6; --vc-cell-out-num:#BEB9AF;

  /* ── Type ────────────────────────────────────────────────────── */
  --vc-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;

  /* ── Space ───────────────────────────────────────────────────── */
  --vc-s1:4px; --vc-s2:8px; --vc-s3:12px; --vc-s4:16px;
  --vc-s5:20px; --vc-s6:24px; --vc-s7:28px; --vc-s8:32px;
  --vc-s9:34px; --vc-s10:40px;

  /* ── Layout ──────────────────────────────────────────────────── */
  --vc-container:1120px; --vc-gutter:20px; --vc-side:268px;

  /* ── Radius ──────────────────────────────────────────────────── */
  --vc-r-chip:999px; --vc-r-sm:7px; --vc-r-thumb:8px;
  --vc-r-btn:9px; --vc-r-card:10px; --vc-r-card-lg:11px;

  /* ── Border ──────────────────────────────────────────────────── */
  --vc-bd:1.5px solid var(--vc-ink);
  --vc-bd-thin:1px solid var(--vc-line);

  --vc-focus:0 0 0 3px rgba(122,84,16,.35);
}