/* ===========================================================
   StyleSeed 프로젝트 기하 토큰
   lock: radius=sharp(0-4px) · elevation=flat · density=compact
         motion=Snap restrained
   간격 스케일: {4,8,12,16,24,32,40,48,64,80,96}
   =========================================================== */
:root {
  /* 간격 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* 모서리 - sharp */
  --radius: 3px;
  --radius-sm: 2px;

  /* 모션 - Snap restrained */
  --motion-fast: 90ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);

  /* 컴포넌트 치수 (문서화된 레이아웃 값) */
  --size-control: 32px;      /* 버튼·입력 공통 높이 */
  --size-avatar: 36px;
  --size-header: 48px;
  --size-rail: 60px;         /* 아이콘 사이드바 */
  --size-sidebar: 240px;
  --size-sidebar-wide: 280px;
  --size-dialog: 420px;
}

/* 추가 컴포넌트 치수 - 실제 사용 값을 토큰으로 승격 */
:root {
  --size-dot: 6px;
  --size-bar: 8px;
  --size-badge: 22px;
  --size-chip: 28px;
  --size-btn: 30px;
  --size-icon-lg: 48px;
  --size-tile: 60px;
  --size-thumb: 72px;
  --size-col-xs: 80px;
  --size-col-sm: 120px;
  --size-col-md: 200px;
  --size-panel: 340px;
  --size-modal-max: 1100px;
}

/* 잔여 컴포넌트 치수 */
:root {
  --size-tick: 4px;
  --size-glyph: 14px;
  --size-glyph-sm: 16px;
  --size-glyph-md: 18px;
  --size-swatch: 24px;
  --size-dot-lg: 26px;
  --size-row: 40px;
  --size-touch: 44px;
  --size-bar-lg: 56px;
  --size-kind: 62px;
  --size-square: 64px;
  --size-media: 90px;
  --size-col-lg: 160px;
  --size-col-xl: 220px;
  --size-menu: 232px;
  --size-pane: 300px;
  --size-content: 640px;
}

/* 연구노트 전용 치수 */
:root {
  --size-hairline: 1px;
  --size-editor-max: 320px;
  --size-view-max: 300px;
}