/* AUTO-GENERATED by @wds/build-tokens — 직접 수정 금지.
 * 입력: tokens/contract/*.json (W3C Design Tokens)
 * 갱신: make tokens
 *
 * WDS AI Shell contract — opt-in 산출물 (doc 130→132 합의).
 *  - wds.css가 import하지 않는다. AI shell 계약이 필요한 앱만 명시적으로 로드한다:
 *      @import '@wds/tokens/wds.css';      ← foundation, 항상 먼저
 *      @import '@wds/tokens/ai-shell.css'; ← 계약, opt-in
 *  - 전 토큰이 실존 시맨틱/모션 역할의 alias다 — 제품 고유값은 여기 없다.
 *  - 제품 테마는 product 스코프에서 계약 변수를 override한다:
 *      [data-product='wizon-ai'] { --wds-ai-shell-canvas: var(--wizon-ai-canvas); }
 *  - 전체가 @layer wds.tokens — 제품 셸(unlayered)이 항상 이긴다(docs/ai/CONSUMING.md §5).
 */

@layer wds.tokens, wds.base, wds.components;

@layer wds.tokens {
:root {
  /* AI 워크스페이스 전체 배경(대화 영역 뒤 캔버스). 기본=앱 배경 bg */
  --wds-ai-shell-canvas: var(--wds-color-bg);
  /* 좌측 대화 목록 사이드바 표면 — 본문 캔버스보다 한 단계 가라앉음 */
  --wds-ai-shell-sidebar-surface: var(--wds-color-surface-muted);
  /* 프롬프트 컴포저(입력 셸) 표면 — 캔버스 위에 뜨는 밝은 면 */
  --wds-ai-shell-composer-surface: var(--wds-color-surface);
  /* 사용자 메시지 버블 표면(GPT-5 비대칭 컨벤션 — assistant는 버블 없는 전폭 텍스트) */
  --wds-ai-shell-message-user-surface: var(--wds-color-surface-muted);
  /* 계정 메뉴·최근 메뉴·검색 다이얼로그 등 부유 표면 — 그림자로 위계(doc 132의 surface에서 raised로 정정: 부유 표면 시맨틱) */
  --wds-ai-shell-popover-surface: var(--wds-color-surface-raised);
  /* 컴포저 주액션(전송/음성) 채움 — 무채색 ink(ChatGPT식 흑백, 다크=흰색 자동 반전). AI 패밀리 semantic이 foundation에 이미 존재해 doc 131 §3.2의 '별도 증분'은 해소됨 */
  --wds-ai-shell-action-primary-bg: var(--wds-color-ink);
  /* 주액션 hover — ink hover 단계 */
  --wds-ai-shell-action-primary-bg-hover: var(--wds-color-ink-hover);
  /* 주액션 pressed — ink active 단계 */
  --wds-ai-shell-action-primary-bg-active: var(--wds-color-ink-active);
  /* 주액션 채움 위 잉크(아이콘/텍스트) — AA 보증은 on-ink가 담당 */
  --wds-ai-shell-action-primary-fg: var(--wds-color-on-ink);
  /* 패널 열림/닫힘·사이드바 rail 접힘 모션 role — WDS spatial spring 기본(easing+`-duration` 2변수로 emit, reduced-motion 처리는 소비처 규약) */
  --wds-ai-shell-motion-panel: var(--wds-spring-spatial-default);
  --wds-ai-shell-motion-panel-duration: var(--wds-spring-spatial-default-duration);
}

/* 중첩 재테마 — 계약 alias가 각 테마 스코프에서 다시 해석되도록 재선언(component 토큰과 동형) */
[data-theme='light'] {
  /* AI 워크스페이스 전체 배경(대화 영역 뒤 캔버스). 기본=앱 배경 bg */
  --wds-ai-shell-canvas: var(--wds-color-bg);
  /* 좌측 대화 목록 사이드바 표면 — 본문 캔버스보다 한 단계 가라앉음 */
  --wds-ai-shell-sidebar-surface: var(--wds-color-surface-muted);
  /* 프롬프트 컴포저(입력 셸) 표면 — 캔버스 위에 뜨는 밝은 면 */
  --wds-ai-shell-composer-surface: var(--wds-color-surface);
  /* 사용자 메시지 버블 표면(GPT-5 비대칭 컨벤션 — assistant는 버블 없는 전폭 텍스트) */
  --wds-ai-shell-message-user-surface: var(--wds-color-surface-muted);
  /* 계정 메뉴·최근 메뉴·검색 다이얼로그 등 부유 표면 — 그림자로 위계(doc 132의 surface에서 raised로 정정: 부유 표면 시맨틱) */
  --wds-ai-shell-popover-surface: var(--wds-color-surface-raised);
  /* 컴포저 주액션(전송/음성) 채움 — 무채색 ink(ChatGPT식 흑백, 다크=흰색 자동 반전). AI 패밀리 semantic이 foundation에 이미 존재해 doc 131 §3.2의 '별도 증분'은 해소됨 */
  --wds-ai-shell-action-primary-bg: var(--wds-color-ink);
  /* 주액션 hover — ink hover 단계 */
  --wds-ai-shell-action-primary-bg-hover: var(--wds-color-ink-hover);
  /* 주액션 pressed — ink active 단계 */
  --wds-ai-shell-action-primary-bg-active: var(--wds-color-ink-active);
  /* 주액션 채움 위 잉크(아이콘/텍스트) — AA 보증은 on-ink가 담당 */
  --wds-ai-shell-action-primary-fg: var(--wds-color-on-ink);
  /* 패널 열림/닫힘·사이드바 rail 접힘 모션 role — WDS spatial spring 기본(easing+`-duration` 2변수로 emit, reduced-motion 처리는 소비처 규약) */
  --wds-ai-shell-motion-panel: var(--wds-spring-spatial-default);
  --wds-ai-shell-motion-panel-duration: var(--wds-spring-spatial-default-duration);
}

[data-theme='dark'] {
  /* AI 워크스페이스 전체 배경(대화 영역 뒤 캔버스). 기본=앱 배경 bg */
  --wds-ai-shell-canvas: var(--wds-color-bg);
  /* 좌측 대화 목록 사이드바 표면 — 본문 캔버스보다 한 단계 가라앉음 */
  --wds-ai-shell-sidebar-surface: var(--wds-color-surface-muted);
  /* 프롬프트 컴포저(입력 셸) 표면 — 캔버스 위에 뜨는 밝은 면 */
  --wds-ai-shell-composer-surface: var(--wds-color-surface);
  /* 사용자 메시지 버블 표면(GPT-5 비대칭 컨벤션 — assistant는 버블 없는 전폭 텍스트) */
  --wds-ai-shell-message-user-surface: var(--wds-color-surface-muted);
  /* 계정 메뉴·최근 메뉴·검색 다이얼로그 등 부유 표면 — 그림자로 위계(doc 132의 surface에서 raised로 정정: 부유 표면 시맨틱) */
  --wds-ai-shell-popover-surface: var(--wds-color-surface-raised);
  /* 컴포저 주액션(전송/음성) 채움 — 무채색 ink(ChatGPT식 흑백, 다크=흰색 자동 반전). AI 패밀리 semantic이 foundation에 이미 존재해 doc 131 §3.2의 '별도 증분'은 해소됨 */
  --wds-ai-shell-action-primary-bg: var(--wds-color-ink);
  /* 주액션 hover — ink hover 단계 */
  --wds-ai-shell-action-primary-bg-hover: var(--wds-color-ink-hover);
  /* 주액션 pressed — ink active 단계 */
  --wds-ai-shell-action-primary-bg-active: var(--wds-color-ink-active);
  /* 주액션 채움 위 잉크(아이콘/텍스트) — AA 보증은 on-ink가 담당 */
  --wds-ai-shell-action-primary-fg: var(--wds-color-on-ink);
  /* 패널 열림/닫힘·사이드바 rail 접힘 모션 role — WDS spatial spring 기본(easing+`-duration` 2변수로 emit, reduced-motion 처리는 소비처 규약) */
  --wds-ai-shell-motion-panel: var(--wds-spring-spatial-default);
  --wds-ai-shell-motion-panel-duration: var(--wds-spring-spatial-default-duration);
}
}