/* 디자인 토큰 단일 출처 — 색·형태·간격. 색 하드코딩 금지, 항상 var() 참조. */
:root{
  /* 모듈 색: solid / bg(tint) / grad */
  --core:#166534; --core-bg:#E7F1EB; --core-grad:linear-gradient(140deg,#16A34A,#0D9488);
  --car:#B45309;  --car-bg:#FBF0DE;  --car-grad:linear-gradient(140deg,#F59E0B,#B45309);
  --stock:#1D4ED8;--stock-bg:#E7EDFD;--stock-grad:linear-gradient(140deg,#3B82F6,#1D4ED8);
  --att:#0D9488;  --att-bg:#DEF4F1;  --att-grad:linear-gradient(140deg,#14B8A6,#0E7490);
  --collab:#7C3AED;--collab-bg:#EFE8FD;--collab-grad:linear-gradient(140deg,#8B5CF6,#6D28D9);
  --purchase:#E11D48;--purchase-bg:#FCE4E7;--purchase-grad:linear-gradient(140deg,#F43F5E,#BE123C);
  --it:#475569;   --it-bg:#EAEEF3;  --it-grad:linear-gradient(140deg,#64748B,#334155);
  /* 보조(오피스 유틸) 모듈 색 — 소프트 틴트용 solid/bg */
  --todo:#DB2777;   --todo-bg:#FCE7F1;   --todo-grad:linear-gradient(140deg,#EC4899,#BE185D);
  --outside:#0891B2;--outside-bg:#DEF2F6;--outside-grad:linear-gradient(140deg,#22D3EE,#0E7490);
  --room:#4F46E5;   --room-bg:#E8E7FD;   --room-grad:linear-gradient(140deg,#6366F1,#4338CA);
  --cv:#0F766E;     --cv-bg:#DCF0EC;     --cv-grad:linear-gradient(140deg,#14B8A6,#0F766E);
  --mom:#9A6510;    --mom-bg:#F6EAD3;    --mom-grad:linear-gradient(140deg,#D4A017,#9A6510);
  --trip:#2563EB;   --trip-bg:#E3ECFD;   --trip-grad:linear-gradient(140deg,#3B82F6,#1E40AF);
  --chat:#0284C7;   --chat-bg:#E0F2FE;   --chat-grad:linear-gradient(140deg,#38BDF8,#0284C7);
  --projects:#C2410C;--projects-bg:#FCEDE4;--projects-grad:linear-gradient(140deg,#FB923C,#9A3412);
  /* 히어로 카드 배경·액센트 */
  --wf-grad:linear-gradient(155deg,#334155,#0F172A); --gold:#A16207;

  /* 조직도 전용 — 단일 색조(그린) 깊이 그러데이션. 모듈색 재사용 금지, 이 안에서만 톤 순환 */
  --org-div-1:var(--core); --org-div-2:#3F6B4A; --org-div-3:#5B7A62;

  /* 분류용 무채색 팔레트(프로젝트 스와치 등 — 항목별 순환 배정) */
  --chip-1:#0D9488; --chip-2:#7C3AED; --chip-3:#64748B; --chip-4:#DB2777; --chip-5:#1D4ED8; --chip-6:#B45309;

  /* 브랜드·primary(기본 core) */
  --brand:#14532D; --p:#166534; --p-hover:#125A2E; --p-soft:#E8F1EB;

  /* 중립·텍스트·표면 */
  --ink:#182720; --muted:#5D6D63; --faint:#8A968D;
  --bg:#F1F4F2; --surface:#FFFFFF; --border:#E6EAE6; --border-strong:#D6DCD6;

  /* 상태 */
  --ok:#166534; --ok-bg:#E7F1EB;
  --warn:#B45309; --warn-bg:#FBF0DE;
  --info:#1D4ED8; --info-bg:#E7EDFD;
  --danger:#B4231F; --danger-soft:#FBEBEA;

  /* 형태 */
  --r-sm:8px; --r:12px; --r-lg:8px;
  --sh-1:0 1px 2px rgba(16,26,20,.05),0 1px 3px rgba(16,26,20,.04);
  --sh-2:0 4px 16px rgba(16,26,20,.08),0 14px 40px rgba(16,26,20,.10);
  --control-h:32px;

  /* 간격(4px 스케일) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;

  --font:'Segoe UI',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;

  /* 전역 헤더(Floating Island) — 캡슐 위 여백·좌우 여백·높이, --bar-h = 본문 시작 위치(위 여백 + 높이 + 아래 여백) */
  --isl-top:12px; --isl-x:16px; --isl-h:56px; --bar-h:80px;
}

/* 다크 구조 스텁 — v1은 값 미채움(후속) */
:root[data-theme="dark"]{
  /* 설계상 의도: 다크 색 값은 후속 작업에서 채운다. */
}

/* 모듈 스코프: 컨테이너에 .theme-{module}을 걸면 primary가 모듈 색으로 전환 */
.theme-car{ --p:var(--car); --p-hover:#93430a; --p-soft:var(--car-bg); }
.theme-stock{ --p:var(--stock); --p-hover:#1740b0; --p-soft:var(--stock-bg); }
.theme-it{ --p:var(--it); --p-hover:#334155; --p-soft:var(--it-bg); }
.theme-att{ --p:var(--att); --p-hover:#0b7c72; --p-soft:var(--att-bg); }
.theme-collab{ --p:var(--collab); --p-hover:#6a30cf; --p-soft:var(--collab-bg); }
.theme-purchase{ --p:var(--purchase); --p-hover:#a5102f; --p-soft:var(--purchase-bg); }
.theme-todo{ --p:var(--todo); --p-hover:#be185d; --p-soft:var(--todo-bg); }
.theme-outside{ --p:var(--outside); --p-hover:#0e7490; --p-soft:var(--outside-bg); }
.theme-room{ --p:var(--room); --p-hover:#4338ca; --p-soft:var(--room-bg); }
.theme-cv{ --p:var(--cv); --p-hover:#0b5c55; --p-soft:var(--cv-bg); }
.theme-mom{ --p:var(--mom); --p-hover:#7d520d; --p-soft:var(--mom-bg); }
.theme-trip{ --p:var(--trip); --p-hover:#1d4ed8; --p-soft:var(--trip-bg); }
.theme-chat{ --p:var(--chat-bg); --p-hover:#0369a1; --p-soft:var(--chat-bg); --gold:#5ABD28; }
.theme-projects{ --p:var(--projects); --p-hover:#9a3412; --p-soft:var(--projects-bg); }

/* 모바일 헤더 캡슐 — 여백·높이 축소 */
@media(max-width:768px){
  :root{ --isl-top:8px; --isl-x:10px; --isl-h:52px; --bar-h:68px; }
}