/* ============================================================
   InfraTree Design System v2 (Dark) — foundation tokens
   원본: design/tokens.css / design/handoff/InfraTree Dark v2/tokens/*
   값 변경 금지. 색·간격·폰트는 이 --it-* 변수만 사용한다.
   v2 페이지는 styles.css 대신 tokens.css + components.css를 링크한다.
   ============================================================ */

/* Pretendard Variable — CDN 대체 (시스템 스택 우선, 웹 환경 보장용) */
@font-face {
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}

:root {
  color-scheme: dark;

  /* ── Surface ─────────────────────────── */
  --it-bg: #0b0e14;
  --it-panel: #11151d;
  --it-panel-2: #151b25;
  --it-code-bg: #07090d;
  --it-border: #1f2735;
  --it-border-2: #2a3446;

  /* ── Text ────────────────────────────── */
  --it-text: #e6edf3;
  --it-text-2: #98a3b3;
  --it-muted: #5c6878;
  --it-text-body: #c9d3de;

  /* ── Accent (액션은 그린 하나) ────────── */
  --it-accent: #3fb950;
  --it-accent-hover: #4ac95c;
  --it-accent-dim: rgba(63, 185, 80, .12);
  --it-accent-line: rgba(63, 185, 80, .35);
  --it-on-accent: #04120a;

  /* ── Status (항상 점+텍스트) ──────────── */
  --it-st-done: #3fb950;
  --it-st-doing: #58a6ff;
  --it-st-review: #d29922;
  --it-st-danger: #f85149;
  --it-st-review-dim: rgba(210, 153, 34, .12);
  --it-st-doing-dim: rgba(88, 166, 255, .12);

  /* ── Category tags (5색 · 라벨 항상 동반) ── */
  --it-cat-k8s: #58a6ff;      --it-cat-k8s-dim: rgba(88, 166, 255, .12);
  --it-cat-linux: #e3a341;    --it-cat-linux-dim: rgba(227, 163, 65, .12);
  --it-cat-network: #bc8cff;  --it-cat-network-dim: rgba(188, 140, 255, .12);
  --it-cat-security: #f7708a; --it-cat-security-dim: rgba(247, 112, 138, .12);
  --it-cat-cicd: #63d8e3;     --it-cat-cicd-dim: rgba(99, 216, 227, .12);

  /* ── Typography ──────────────────────── */
  --it-font: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --it-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
  --it-fs-xs: 11.5px;
  --it-fs-sm: 12.5px;
  --it-fs-base: 14px;
  --it-fs-md: 15px;
  --it-fs-lg: 16.5px;
  --it-fs-xl: 21px;
  --it-lh: 1.6;
  --it-lh-body: 1.75;

  /* ── Spacing · Radius · Layout ───────── */
  --it-sp-1: 4px;  --it-sp-2: 8px;  --it-sp-3: 12px; --it-sp-4: 16px;
  --it-sp-5: 24px; --it-sp-6: 32px; --it-sp-7: 48px;
  --it-radius: 10px;
  --it-radius-sm: 8px;
  --it-radius-pill: 99px;
  --it-nav-h: 56px;
  --it-container: 1180px;
  --it-content-max: 720px;
}

/* ── Base element rules (v2 페이지에만 적용 — 이 파일을 링크한 페이지) ── */
body {
  margin: 0;
  background: var(--it-bg);
  color: var(--it-text);
  font-family: var(--it-font);
  font-size: var(--it-fs-base);
  line-height: var(--it-lh);
  -webkit-font-smoothing: antialiased;
}
code, pre, kbd, samp { font-family: var(--it-mono); }
a { color: var(--it-text); text-decoration: none; }
a:hover { color: var(--it-accent-hover); }
:focus-visible { outline: 2px solid var(--it-accent); outline-offset: 2px; border-radius: 4px; }
::selection { background: var(--it-accent-dim); }

/* 라이트 모드는 추후 html[data-theme="light"]로 이 파일에서만 재정의 */