/* =========================================================================
   워크데스크 공통 디자인 규칙 (2026-10 · 회의·미팅 통합 반영)

   본 워크데스크(styles.css)와 출판IP 앱(pubip/public/css/app.css)이 **이 파일 하나**를 함께 읽는다.
   두 앱은 서버가 따로라 화면 코드가 둘로 나뉘어 있어, 색·글꼴·모서리·그림자를 여기서만 정한다.
     - 본 서버:  /design-tokens.css  (PUBLIC_STATIC)
     - 출판IP:   본 서버의 /pubip/ 아래에서 열리므로 같은 주소 /design-tokens.css 를 읽는다.
                 (출판IP 앱을 8090 으로 직접 열면 이 파일이 없어 app.css 의 원래 값으로 물러선다)
   값을 바꿀 때는 여기만 고친다. 다크 모드는 body.dark 에서 같은 이름을 다시 정의한다.
   ========================================================================= */

/* 글꼴: Pretendard (본 서버가 자체 호스팅). 절대 경로라 /pubip/ 안에서도 같은 파일을 쓴다. */
@font-face {
  font-family: "Pretendard Variable";
  src: url("/fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}

:root {
  /* 바탕 · 면 · 선 */
  --wd-bg: #f4f5f9;
  --wd-surface: #ffffff;
  --wd-surface-2: #f8f9fc;
  --wd-border: #e6e8f0;
  --wd-border-soft: #eef0f5;
  --wd-border-faint: #f3f4f9;

  /* 글자: 본문 → 보조 → 흐림 */
  --wd-text: #161923;
  --wd-text-2: #5b5f6d;
  --wd-text-3: #9298a5;

  /* 대표색 */
  --wd-primary: #4f46e5;
  --wd-primary-600: #4338ca;
  --wd-primary-soft: #eef1ff;
  --wd-primary-softer: #f7f8ff;

  /* 상태색 (대표색과 별개) */
  --wd-urgent: #e11d48;       --wd-urgent-soft: #fef1f4;
  --wd-important: #d97706;    --wd-important-soft: #fff8ec;
  --wd-success: #16a34a;      --wd-success-soft: #eafbf0;
  --wd-info: #2563eb;         --wd-info-soft: #eef4ff;
  --wd-personal: #0891b2;     --wd-personal-soft: #ecfbfd;

  /* 모서리 · 그림자 · 글꼴 */
  --wd-radius-sm: 8px;
  --wd-radius-md: 14px;
  --wd-radius-lg: 18px;
  --wd-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --wd-shadow-md: 0 6px 20px rgba(16, 24, 40, .08);
  --wd-font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", Roboto, Helvetica, Arial, sans-serif;
}

body.dark {
  --wd-bg: #0d0e14;
  --wd-surface: #171922;
  --wd-surface-2: #1f2230;
  --wd-border: #2a2d3a;
  --wd-border-soft: #232633;
  --wd-border-faint: #1c1f2a;
  --wd-text: #f1f2f6;
  --wd-text-2: #a7abb8;
  --wd-text-3: #6d7180;
  --wd-primary: #818cf8;
  --wd-primary-600: #a5b4fc;
  --wd-primary-soft: #242761;
  --wd-primary-softer: #1a1c3f;
  --wd-urgent: #fb7185;       --wd-urgent-soft: #3a1620;
  --wd-important: #fbbf24;    --wd-important-soft: #3a2a08;
  --wd-success: #4ade80;      --wd-success-soft: #0f2c1c;
  --wd-info: #60a5fa;         --wd-info-soft: #13233f;
  --wd-personal: #22d3ee;     --wd-personal-soft: #103a42;
  --wd-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --wd-shadow-md: 0 10px 30px rgba(0, 0, 0, .5);
}