/*
 * 디자인 토큰. 디자인 SSOT는 `portlogics-id/apps/web`이고 여기 값은 그 결을 따른 근사치다 —
 * 실제 토큰과 맞추는 작업은 별도 PR로 한다(README 참조).
 *
 * 토큰을 한 파일에 모으는 이유: 색을 컴포넌트 규칙 안에 흩어놓으면 테마 정렬이 전수 검색이 된다.
 */
:root {
  --c-bg: #f7f8fa;
  --c-surface: #ffffff;
  --c-border: #e3e6ea;
  --c-border-strong: #c8ced6;
  --c-text: #1b1f24;
  --c-text-muted: #5d6672;
  --c-text-faint: #8b95a1;

  --c-accent: #1f5fd1;
  --c-accent-weak: #eaf1fd;

  --c-ok: #17784b;
  --c-ok-weak: #e6f4ec;
  --c-warn: #8a5a00;
  --c-warn-weak: #fdf3e0;
  --c-danger: #a52222;
  --c-danger-weak: #fdecec;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 6px;
  --radius-pill: 999px;

  /* CDN 금지(CSP `default-src 'self'`) — 웹폰트를 싣지 않고 시스템 폰트 스택을 쓴다 */
  --font-sans:
    -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', 'Malgun Gothic',
    system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
}