/* Design tokens — Vercel-inspired stark ink/gray on near-white. Light only. */
:root {
  /* surfaces */
  --bg: #fafafa;            /* page canvas (canvas-soft) */
  --bg-2: #f5f5f5;          /* insets / code wells (canvas-soft-2) */
  --card: #ffffff;          /* cards/dialogs (canvas) */
  --card-2: #fafafa;        /* subtle hover */
  --card-3: #f0f0f0;        /* chips / inset */
  --line: #ebebeb;          /* hairline */
  --line-strong: #d4d4d4;   /* stronger divider / input border */
  --sidebar-bg: #ffffff;
  --topbar-bg: rgba(255, 255, 255, 0.85);

  /* text */
  --fg: #171717;            /* ink — headings + strong body */
  --mut: #666666;           /* secondary body */
  --faint: #8f8f8f;         /* mute / placeholder */

  /* primary action = ink black (Vercel signature) */
  --primary: #171717;
  --on-primary: #ffffff;

  /* accent (single accent = link blue) */
  --acc: #0070f3;
  --acc-2: #7928ca;
  --acc-press: #0761d1;
  --acc-soft: rgba(0, 112, 243, 0.10);
  --brand-grad: linear-gradient(135deg, #007cf0 0%, #7928ca 55%, #ff0080 100%);

  /* status */
  --ok: #16a34a;       --ok-soft: rgba(22, 163, 74, 0.10);
  --run: #0070f3;      --run-soft: rgba(0, 112, 243, 0.10);
  --warn: #b45309;     --warn-soft: rgba(245, 166, 35, 0.16);
  --bad: #d11a2a;      --bad-soft: rgba(238, 0, 0, 0.08);
  --pending: #888888;  --pending-soft: rgba(136, 136, 136, 0.10);

  /* radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-full: 999px;

  /* shadow — subtle stacked + hairline does the work */
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.04);
  --sh-2: 0 2px 4px rgba(0, 0, 0, 0.04), 0 10px 20px -8px rgba(0, 0, 0, 0.10);
  --sh-drawer: 0 8px 16px -4px rgba(0, 0, 0, 0.08), 0 24px 40px -8px rgba(0, 0, 0, 0.14);
  --ring: 0 0 0 3px rgba(0, 112, 243, 0.18);

  /* type — Pretendard (Latin + 한글 모두 우수) */
  --font: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --sidebar-w: 248px;
  --topbar-h: 60px;
}