/* tokens.css — 앱 디자인 토큰 단일소스 (냥볼카드 톤)
   ─────────────────────────────────────────── */

@font-face {
  font-family: 'HakgyoansimDunggeunmiso';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimDunggeunmisoTTF-R.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'HakgyoansimDunggeunmiso';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* ── 유틸리티 ── */
.is-hidden{display:none!important}

:root {
  /* ── 폰트 ── */
  --ff-app: 'HakgyoansimDunggeunmiso', system-ui, -apple-system, sans-serif;

  /* ── 색 ── */
  --color-bg:               #ffffff;
  --color-text:             #0F1115;
  --color-muted:            #6B7280;
  --color-muted2:           #94a3b8;
  --color-line:             #D4D6DA;
  --color-card:             #ffffff;

  --color-accent:           #111111;
  --color-teamc:            var(--color-accent);
  --color-myteam:           #2563eb;
  --color-myteam-text:      #ffffff;

  --color-cherry:           #d61f3d;

  --color-live:             #FBBF24;
  --color-status-gray-text: #6b7280;

  /* ── 폰트 크기 ── */
  --fs-22: 22px;
  --fs-20: 20px;
  --fs-18: 18px;
  --fs-16: 16px;
  --fs-14: 14px;
  --fs-12: 12px;
  --fs-11: 11px;
  --fs-10: 10px;

  /* ── 폰트 굵기 ── */
  --fw-black:  900;
  --fw-heavy:  800;
  --fw-bold:   700;
  --fw-mid:    600;
  --fw-normal: 500;

  /* ── 자간 ── */
  --ls-tight: -0.3px;
  --ls-snug:  -0.2px;

  /* ── 높이 ── */
  --h-topbar:  50px;
  --h-bnav:    50px;
  --h-control: 52px;
  --h-row:     48px;
  /* ── 모서리 반경 ── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* ── 그림자 ── */
  --shadow-card: none;
  --shadow-soft: none;

  /* ── 간격 (4px 그리드) ── */
  --g4:  4px;
  --g8:  8px;
  --g12: 12px;
  --g16: 16px;
  --g20: 20px;
  --g24: 24px;
  --g28: 28px;
  --g32: 32px;
  --g36: 36px;
  --g40: 40px;
  --g44: 44px;
  --g52: 52px;
  --g64: 64px;

  --g100: 100px;

  /* ── 레이아웃 ── */
  --pad-x: 16px;

}