/* =====================================================================
   태산솔루션 홈페이지 — DESIGN TOKENS (puckdetail 3분리 中 ②)
   색·타이포·간격만 여기서. 방향 전환은 이 파일만 고치면 전 섹션 반영.

   ── v7 리디자인 (2026-08-15) ────────────────────────────────────────
   고객 요구: "전체적인 컬러랑 분위기 좀 전문가답게 수정" + "너무 단촐하다"
             + 4개 섹션에서 "신결이랑 너무 똑같음 / 카피같음"

   판단: 세 지적의 뿌리가 하나다 — **밝음 지배 톤**.
     ① 밝은 톤이라 가벼워 보인다 → 무게감 부족
     ② 신결(법무법인)이 밝은 톤이라 구조가 달라도 인상이 겹친다
   → 지배색을 **다크로 역전**하면 두 문제가 동시에 풀린다.

   ⚠️ 골드는 쓰지 않는다. v1에서 다크+골드로 갔다가 "요청과 어긋난다" 반려당했다.
      액센트는 사파이어 **1개만** 전 페이지 고정 (design-taste: 액센트 1개 원칙).
   ⚠️ 순수 #000 / #fff 금지 — 네이비 기운을 남겨 화면이 죽지 않게 한다.

   토큰 구조: 의미 기반(--bg/--surface/--text/--accent)이 정본이고,
   기존 이름(--white/--pale/--navy-*)은 그 **별칭**으로 남겨 121곳을 안 고치고 전환한다.
   신규 작업은 반드시 의미 토큰을 쓸 것.
   ===================================================================== */

:root{
  /* ── ① 다크 지배 (페이지 기본) ── */
  --bg:#0B1421;          /* 페이지 배경 */
  --bg-2:#0F1B2D;        /* 교대 섹션 */
  --surface:#16233A;     /* 카드 표면 */
  --surface-2:#1D2C45;   /* 강조 카드 / 호버 */
  --line:#27374F;        /* 경계선 */

  --text:#E9EFF7;        /* 본문 (대비 15.2:1) */
  --text-2:#A9B7CA;      /* 보조 (대비 7.6:1) */
  --text-3:#7E90A8;      /* 캡션. bg 5.6:1 / surface 4.8:1 — 카드 위 기준으로 잡았다.
                            #7688A0 이면 surface 위에서 4.34:1 로 떨어져 미달이었다. */

  /* ── ② 액센트: 사파이어 1개 고정 ── */
  --accent:#5B9CF8;      /* 다크 위 텍스트/아이콘 (대비 6.9:1) */
  --accent-2:#2E6FD0;    /* 버튼 채움 */
  --accent-soft:rgba(91,156,248,.13);

  /* ── ③ 밝은 섹션 (리듬용 역전 — 다크만 이어지면 무겁다) ── */
  --light-bg:#EEF2F8;
  --light-surface:#FFFFFF;
  --light-text:#12203A;
  --light-text-2:#4B5A72;
  --light-line:#D9E1EC;

  --kakao:#FEE500;
  --stamp:#E0483D;
  --gold:#C9A24B;        /* 로고 마크 전용 — 본문 확장 금지 (v1 반려 이력) */

  /* ── 레거시 별칭 (기존 121곳 호환. 신규 사용 금지) ── */
  /* --white 는 별칭으로 두지 않는다. 원본에서 '다크 위 글자색'(14곳)과
     '밝은 배경'(11곳) 양쪽으로 쓰여 하나로 매핑하면 글자가 배경에 묻힌다.
     → index.html 에서 용도별로 --text / --surface 로 분리 치환했다. */
  --pale:var(--bg-2);
  --pale-2:var(--surface);
  --gray:var(--bg-2);
  --ink:var(--text);
  --ink-2:var(--text-2);
  --ink-3:var(--text-3);
  --navy-900:#050D17;
  --navy-800:var(--bg-2);
  --navy-700:var(--surface);
  --navy-600:var(--accent-2);
  --blue-500:var(--accent);
  --blue-100:var(--surface-2);

  /* ── 타이포 (데스크톱 1280 기준) ──
     스케일 대비 ≥1.25 유지: 54/40/28/17 → 1.35 / 1.43 / 1.65
     ⚠️ chusimcenter는 제목 24px·본문 11~14px로 대비가 약했다. 따라가지 않는다. */
  --f-h1:54px;  --f-h2:40px;  --f-h3:28px;
  --f-body:17px; --f-sm:15px; --f-xs:13.5px;
  --f-stat:52px;

  /* ── 간격 ── */
  --sec-pad:116px;
  --wrap:1180px;
  --gap:26px;
  --r-lg:18px; --r-md:14px; --r-sm:8px;   /* radius 체계 1개 — 혼재 금지 */

  /* ── 그림자: 다크에선 흰 그림자가 안 먹는다. 깊이는 어둠으로 만든다 ── */
  --sh-card:0 4px 18px rgba(0,0,0,.30);
  --sh-float:0 12px 38px rgba(0,0,0,.45);
  --sh-lift:0 16px 44px rgba(0,0,0,.38);
}