:root {
  --ink: #191f28;
  --ink-secondary: #333d4b;
  --ink-muted: #4e5968;
  --surface: #ffffff;
  --surface-soft: #f9fafb;
  --surface-sunken: #f2f4f6;
  --line: #e5e8eb;
  --primary: #507cf3;
  --primary-text: #3a63d8;
  --primary-hover: #2f52b8;
  --primary-soft: #eef3ff;
  --success: #0c7b5b;
  --success-soft: #e6f9f2;
  --danger: #b81f61;
  --danger-soft: #fdecf4;
  --channel: #fee500;
  --channel-naver: #03c75a;
  /* 카카오 채팅 화면 */
  --chat-bg: #c9d0dc;
  --chat-line: #b9c2d0;
  --date-pill: #b3bccb;
  --bubble-ours: #fee500;
  --unread: #e5401f;
  --online: #2fa84f;
  --tab-idle: #f5f6f7;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-panel: 16px;
  --font-xs: 12px;
  --font-sm: 14px;
  --font-row: 15px;
  --font-md: 16px;
  --font-name: 17px;
  --font-lg: 20px;
  --font-xl: 24px;
  --font-title: 28px;
  --font-total: 32px;
  --field-ring: inset 0 0 0 1px var(--line);
  --shadow-card: 0 1px 3px rgb(0 0 0 / 4%);
}