/* =============================================
   Workspace v4 — Design Tokens
   Sprint sprint/workspace-redesign-v4 (Stage W1)

   Design source: NTurn Design System v4 (mint primary).
   Mockup file: /tmp/nturn_design_v4/Workspace Redesign.html.

   Scoped to .workspace-v4 (root marker on workspace shell).
   Does NOT leak to other surfaces (admin/dashboard/pricing).

   Stage roadmap:
     W1 (now): tokens + layout shell + mobile breakpoints
     W2:        sidebar redesign + sheet-status-strip
     W3:        toolbar + buttons (mobile-aware)
     W4:        context panel token application
     W5:        modal/grid regression + responsive E2E
   ============================================= */

.workspace-v4 {
  /* Type stack — landing/dashboard와 동일 */
  --ws-font: 'Plus Jakarta Sans', 'Noto Sans KR', system-ui, -apple-system, sans-serif;

  /* Neutral scale (zinc) — text/border/bg gray */
  --ws-c-0:   #ffffff;
  --ws-c-50:  #fafaf9;
  --ws-c-100: #f4f4f5;
  --ws-c-200: #e4e4e7;
  --ws-c-300: #d1d1d6;
  --ws-c-400: #a1a1aa;
  --ws-c-500: #71717a;
  --ws-c-700: #3f3f46;
  --ws-c-800: #27272a;
  --ws-c-900: #09090b;

  /* Mint accent — primary (대시보드 v2와 통일) */
  --ws-accent:      #00d4aa;
  --ws-accent-dim:  rgba(0, 212, 170, 0.10);
  --ws-accent-glow: rgba(0, 212, 170, 0.18);
  --ws-accent-strong: #00a080;  /* hover/active darker variant */

  /* Semantic */
  --ws-success: #10b981;
  --ws-warning: #f59e0b;
  --ws-danger:  #ef4444;
  --ws-info:    #0284c7;

  /* Tab-specific accents (TM=green, TB=purple, RAG=blue, QA=orange) */
  --ws-tab-tm:    #10b981;
  --ws-tab-tm-bg: rgba(16, 185, 129, 0.06);
  --ws-tab-tb:    #9333ea;
  --ws-tab-tb-bg: #f3e8ff;
  --ws-tab-rag:   #0284c7;
  --ws-tab-rag-bg: #e0f2fe;
  --ws-tab-qa:    #ea580c;
  --ws-tab-qa-bg: #ffedd5;

  /* Radius */
  --ws-r-sm: 6px;
  --ws-r-md: 10px;
  --ws-r-lg: 14px;
  --ws-r-pill: 999px;

  /* Layout dimensions — JS-readable via getComputedStyle if needed */
  --ws-sidebar-w: 300px;  /* baseline 300px (운영 호환) — mockup 240px는 시각 가이드만 */
  --ws-ctx-w:     320px;
  --ws-header-h:  52px;
  --ws-toolbar-h: 46px;
  --ws-strip-h:   36px;  /* sheet-status-strip (W2에서 도입) */

  /* Touch targets — mobile에서만 키움 (layout-shell.css에서 media query로 적용) */
  --ws-touch-min: 44px;

  /* Shadows */
  --ws-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --ws-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
  --ws-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.10);
  --ws-shadow-drawer: 4px 0 24px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --ws-tx-fast: 0.12s ease;
  --ws-tx-base: 0.18s ease;
  --ws-tx-slow: 0.28s ease;

  /* Z-index stack — single source of truth, drawer ↑ overlay ↑ toolbar */
  --ws-z-toolbar: 50;
  --ws-z-strip:   45;
  --ws-z-overlay: 90;
  --ws-z-drawer:  100;
  --ws-z-modal:   1050;  /* Bootstrap modal과 충돌 안 하도록 정렬 */
}