/* ============================================================
   mission-control — design tokens
   다크 관제탑 기조. 시스템 폰트만(웹폰트 금지). 클라이언트 JS 0 전제.
   대비: 본문 텍스트는 --bg 대비 WCAG AA 이상으로 설계.
   ============================================================ */

:root {
  /* ---- 배경 / 서피스 위계 ---- */
  --bg:             #0d1117;  /* 페이지 최하층 */
  --surface:        #161b22;  /* 카드 */
  --surface-raised: #1c2330;  /* 카드 hover / 강조 서피스 */
  --border:         #2d3644;  /* 카드/구분선 */
  --border-strong:  #444f61;

  /* ---- 텍스트 위계 ---- */
  --text-primary:   #e6edf3;  /* 제목 — AA 충족 */
  --text-secondary: #a8b3c1;  /* 설명 — AA 충족 */
  --text-muted:     #76839b;  /* 보조 메타 (대형/굵게 한정) */

  /* ---- 색 단계 (커밋 경과, REQ-034) ---- */
  --stage-fresh: #3fb950;  /* <7일  : 초록 */
  --stage-aging: #d29922;  /* <30일 : 노랑(앰버) */
  --stage-stale: #656d76;  /* >=30일: 회색 — 비텍스트 도트 전용(aria-hidden). --health-none과 값 분리(W-02) */

  /* ---- 헬스 ---- */
  --health-up:   #3fb950;  /* 살아있음 */
  --health-down: #f85149;  /* 다운 */
  --health-none: #8b949e;  /* 미배포/판정불가 — 뱃지 텍스트 직접 사용, --bg 6.15:1 / --surface 5.62:1 (AA) */

  /* ---- 수명주기 (REQ-050/052: working|done|live) ---- */
  --life-working: #d29922;  /* 작업중 — 앰버, ▶ 아이콘 병행 */
  --life-done:    #58a6ff;  /* 완성 — 블루, ✓ 아이콘 병행 */
  --life-live:    #3fb950;  /* 서비스중 — 그린, ● 아이콘 병행 */

  /* ---- 경고(stale 배너) / 액센트 ---- */
  --warning-bg:      #33270f;
  --warning-border:  #d29922;
  --warning-text:    #e3b341;
  --accent:          #58a6ff;  /* 링크 */
  --btn-bg:          #21262d;
  --btn-border:      #444f61;

  /* ---- 간격 스케일 (4px 기준) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- 라운드 ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ---- 타이포 (시스템 스택) ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Noto Sans KR", "Apple SD Gothic Neo", Roboto,
               Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas,
               "Liberation Mono", monospace;

  --text-xs:  0.75rem;   /* 12px 메타 */
  --text-sm:  0.875rem;  /* 14px 본문 보조 */
  --text-md:  1rem;      /* 16px 본문 */
  --text-lg:  1.25rem;   /* 20px 카드 제목 */
  --text-xl:  1.75rem;   /* 28px 페이지 제목 */

  --line-height: 1.55;
}

/* 리셋 최소본 */
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--line-height);
  /* 한국어 가독성: 어절(띄어쓰기) 단위로만 줄바꿈 — 단어/문장 중간 쪼갬 금지.
     긴 단일 토큰(URL 등)만 넘칠 때 끊는다. */
  word-break: keep-all;
  overflow-wrap: anywhere;
}