/* ── 색면(color field) 팔레트 — 2026-08-10 박사 결재(시안 D1 '제이드') ──────────
   대비로 시원하게: 순백 바탕 · 채도 있는 제이드 솔리드 면 · 거의 검정인 잉크.
   구 팔레트(라벤더 바탕 + 코랄 액센트 + 인디고 잉크)는 면과 면의 대비가 1.09:1이라
   경계가 뭉갰다. 흰 면 vs 제이드 색면 = 5.81:1.

   ★ 브랜드 색과 의미 색을 가른다 — 이 경계를 지켜야 §11이 산다.
     · 브랜드(제이드): 큰 색면·헤더·푸터·버튼·링크·공개 계층. 바꿔도 뜻이 안 변한다.
     · 의미(코랄/그린/황동): 공백⟷강점, 하지말것⟷할것, 형성 중. 진단의 뜻을 나른다.
       §11 "강점 얼굴은 참여 녹색으로 공백(clay)과 시각 대비" — 그래서 --clay 계열은
       액센트에서 물러나되 값은 그대로 둔다. 액센트로 쓰지 말 것. */
:root{
  /* 잉크/텍스트 — 중성 검정. 초록끼가 돌면 본문 면적이 넓어 탁해 보인다(2026-08-10 박사) */
  --ink:#17191A; --ink-soft:#474D4E; --muted:#757C7D; --faint:#AAB1B1;
  /* 배경 — 순백 + 옅은 민트 면. 둘 사이는 --line 헤어라인이 가른다 */
  --paper:#FFFFFF; --paper-2:#EAF3EF; --surface:#FFFFFF; --surface-2:#F4FAF7;
  --line:#DDE7E3; --line-soft:#EDF3F1;
  /* ★ 브랜드 색면 — 제이드. 흰 글자 대비 5.81:1(본문 기준 4.5 초과) */
  --jade:#0F7359; --jade-deep:#0B5D48; --jade-soft:#3F9781; --jade-tint:#E6F1ED;
  /* 의미 색 — 코랄 = 공백·개선 기회·하지 말 것·diff 삭제 (§11). 액센트 아님 */
  --clay:#D6453C; --clay-soft:#E4837C; --clay-deep:#B0342C; --clay-tint:#FBE7E5;
  /* 의미 색 — 앰버 (6축 '형성 중' ◐ / 강조 보더) */
  --brass:#B98416; --brass-soft:#E0A52E; --brass-tint:#FBF0D9;
  /* 구 모던 팔레트 이름 — 참조처가 남아 있어 이름은 두고 값만 제이드/잉크로 옮긴다.
     (--indigo = 제목 잉크, --violet = 링크·강조) */
  --indigo:#17191A; --violet:#0F7359; --violet-soft:#A8CFC3;
  --teal:#2F8F89; --green:#2FA776; --amber:#E0A52E;
  /* CI 브랜드 정본 — 제이드 + 황동(2026-08-10 박사 결재. 구 Deep Navy #002858 + Coral #F03830).
     붓 마크는 --jade와 같은 값을 쓰고, 점만 --ci-brass로 따로 둔다.
     ※ 점을 붉은색에서 내린 이유 — 흰 파비콘 배지 위 붉은 원이 일장기로 읽힌다(박사).
     ※ --ci-brass는 --brass(#B98416)와 값이 같지만 이름을 나눠 둔다. --brass는 6축
        '형성 중 ◐'을 나르는 의미 색이고, --ci-brass는 로고 락업 안에서만 사는 브랜드 색이다.
        한쪽 값을 옮길 일이 생겨도 다른 쪽이 딸려 가지 않게. */
  --ci-jade:#0F7359; --ci-brass:#B98416;
  /* 3계층 컬러 — 공개=제이드(브랜드) / 참여=그린 / 협력=코랄.
     공개 계층은 우리 자산 그 자체라 브랜드 색을 쓴다. 참여 그린과는 명도·색상으로 가른다
     (제이드 #0F7359 어두운 청록 ⟷ 참여 #2FA776 밝은 순초록). 배경 틴트도 서로 다른 쪽으로 민다. */
  --c-open:#0F7359;  --c-open-bg:#DCEDE7;
  --c-part:#2FA776;  --c-part-bg:#E4F6E7;
  --c-collab:#B0342C;--c-collab-bg:#FBE7E5;
  /* 필요수준 셀 음영 — 제이드 한 색의 농도 램프(2026-08-10 개정. 구 살구빛 → 모래빛 → 현행).
     인구감소지역은 89곳의 79%가 '필요 높음'이라(§11) 그 한 단계에 칠한 색이 곧 표 534칸의
     바탕이 된다. 그래서 두 가지가 동시에 참이어야 한다 — ①큰 면으로 깔려도 탁하지 않을 것
     ②변별 신호인 ●◐○와 핵심공백 링을 묻지 않을 것.
       · 살구빛(#F7E3D6)은 ②를 깼다. 표가 붉게 떠서 ○개선기회·핵심공백 링이 안 읽혔다.
       · 모래빛(#F6F0E3)은 ①을 깼다. 저채도 베이지는 흰 종이 위에서 '때 탄 흰색'으로 읽힌다
         (2026-08-10 박사 "탁하고 칙칙한 느낌" — §6이 잉크에서 겪은 것과 같은 문제).
     둘 다 '온도로 가르기'(따뜻=높음/차가움=낮음)를 시도하다 걸렸다. 온도를 버리고 농도로 간다:
     진할수록 필요가 높다. 색은 사이트가 큰 면으로 쓰는 민트 한 벌이라 넓게 깔려도 맑고,
     유채색은 기호(초록·황동·코랄)만 남아 신호가 또렷해진다.
     ※ '낮음'은 흰 바탕 + 기호 흐림(.45)으로 물러난다 — '정당한 비움'이라 눈에 걸릴 이유가 없다.
     ※ 붉은·베이지 계열로 되돌리지 말 것. */
  --need-hi:#E6F1ED; --need-mid:#F4FAF7; --need-lo:#FFFFFF;
  /* 6기능군 기호 ●◐○ 색 — 어둡되 맑게(2026-08-10 박사 "이 색깔들이 범인").
     기호는 글자가 아니라 그림이라 WCAG 1.4.11(비문자 대비 3:1)을 받는데, 옅은 민트 음영
     위에서 그 선을 넘으려면 꽤 어두워야 한다. 그때 **어둡게 만드는 방식**이 갈린다 —
     회색을 섞어 내리면(#299166·#A87710·#B0342C) 올리브·벽돌빛이 되어 탁하고,
     보색 채널을 0에 가깝게 눌러 내리면 어두워도 맑다. 그래서 세 색 모두 한 채널을 비운다:
       · ●갖춤   #00966A  R=0     맑은 에메랄드   3.26:1
       · ◐형성중 #B07800  B=0     맑은 순금       3.28:1
       · ○개선기회 #D6453C = --clay(구 --clay-deep 벽돌빛에서 올림)  3.94:1
     핵심공백 링도 같은 --mark-open을 쓴다. --c-part/--brass/--clay-deep 원값은 3계층·6축 등
     다른 쓰임을 위해 그대로 둔다. ※ 회색 섞어 어둡게 하지 말 것 — 그게 탁함의 정체다. */
  --mark-have:#00966A; --mark-forming:#B07800; --mark-open:#D6453C;
  /* 혁신지도 유형 그룹 8분류(중립·색맹 고려). 색만으로 우열 아님 — 지시문 §4 */
  --tg-industry:#3F5C7E;  /* 산업일자리 */
  --tg-tour:#E5705B;      /* 관광체류 */
  --tg-agri:#5E8C4F;      /* 1차산업미식 */
  --tg-downtown:#8C5E84;  /* 원도심재생 */
  --tg-border:#2F8F89;    /* 도서접경 */
  --tg-wellness:#C79A3C;  /* 웰니스치유 */
  --tg-relation:#BF6B86;  /* 관계인구 */
  --tg-etc:#9A96AE;       /* 기타 */
  --m-pending:#E7E8F5;    /* 진단 대기(중립) */
  --m-inactive:#EEEFFA;   /* 89 외(비활성) */
  /* 대표 전략 기능군 A~F(프로토타입) — 색맹 안전 팔레트(Okabe-Ito) */
  --sg-a:#E69F00;  /* A 경험·체류·배움 */
  --sg-b:#56B4E9;  /* B 관계·인구 */
  --sg-c:#009E73;  /* C 정주여건·생활복지 */
  --sg-d:#CC79A7;  /* D 필수 생활서비스 */
  --sg-e:#0072B2;  /* E 산업·일자리 */
  --sg-f:#D55E00;  /* F 토대·거버넌스·재원 */
  /* 권역 8벨트(89 가르침지도) — 범주 색(서열 아님, §11), CVD 인지 팔레트 */
  --belt-jb:#D55E00;  /* 전북형 */
  --belt-jn:#117733;  /* 전남형 */
  --belt-gb:#E69F00;  /* 경북형 */
  --belt-gn:#0072B2;  /* 경남형 */
  --belt-gw:#56B4E9;  /* 강원형 */
  --belt-cc:#CC79A7;  /* 충청형 */
  --belt-bd:#8C4026;  /* 부산·대구 */
  --belt-ig:#44AA99;  /* 인천·경기 */
  /* 폰트 — 가변 dynamic-subset을 먼저 찾는다(base.html에서 로드). 구 static 배포판은 폴백. */
  --sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif;
  --serif:"Noto Serif KR","Fraunces",Georgia,"Nanum Myeongjo",serif;

  /* --- 모바일 규약 (mobile.css가 소비) ---
     브레이크포인트는 CSS 변수로 @media에 쓸 수 없어 값만 못박아 둔다. 세 단계 고정:
       480px  = 좁은 폰 / 760px = 필터 사이드바→시트, 표→카드 / 880px = 내비 접힘
     새 미디어쿼리는 이 셋만 쓴다. */
  --tap:44px;            /* 최소 터치 타깃(WCAG 2.5.5) */
  --field-font:16px;     /* 이 미만이면 iOS Safari가 포커스 시 페이지를 확대한다 */
  --header-h:64px;       /* sticky 헤더 실측 높이 — mobile.js가 갱신 */
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);
  --safe-r:env(safe-area-inset-right,0px);
  /* 라운드 — 직각(색면 팔레트, 2026-08-10). 면과 면을 모서리로 흐리지 않는다.
     알약이 뜻을 갖는 곳(칩·뱃지)만 base.css에서 999px를 직접 쓴다. */
  --r-lg:0px; --r-md:0px; --r-sm:0px;
  /* 페이지 머리 — 빵부스러기 아래부터 h1까지. 전 페이지 한 값(2026-08-10 통일).
     정비 전에는 38·56·61·64·70·72·103px이 돌고 있었다. 규칙은 base.css `.sitecrumbs + …`. */
  --page-head-top:clamp(1.5rem,3vw,2.75rem);
  /* 콘텐츠 폭 — 표준(content)·폼(form)·보고서 표 브레이크아웃(report-table) */
  --w-content:920px;       /* 표준 콘텐츠 폭 — 허브·본문·문서·안내 전 페이지 통일(2026-07-02).
                              구 --w-narrow(720)/--w-prose(760)/--w-doc(840)/--w-wide(920) 폐지 */
  --w-form:600px;
  --w-report:var(--w-content); /* 보고서 본문 칼럼 = 표준 콘텐츠 폭 */
  --w-report-table:1200px; /* 넓은 표(비교진단표) 브레이크아웃 상한 */
  /* 그림자 — 없앤다(색면 팔레트, 2026-08-10). 깊이는 그림자가 아니라 면과 헤어라인이 만든다.
     떠 있어야 하는 것(드롭다운·시트)만 --shadow-md의 얇은 테두리로 경계를 얻는다. */
  --shadow-sm:none;
  --shadow-md:0 0 0 1px var(--line);
  --shadow-lg:0 0 0 1px var(--line);
}