/* ----- 공통 테마 토큰 (모드·폰트·곡률) ----- */

:root {

  /* 배경/전경 */
  --bg: 255 255 255;
  --fg: 17 17 34;
  --card: 226 232 240;

  /* 상태 색상 */
  --success: 0 176 143;
  --warning: 0 139 222;
  --error: 0 0 0;
  --info: 14 165 233;

  /* 텍스트 색상 (content) */
  --content: 30 41 59;

  /* 폰트 크기 */
  --font-size-base: 15px;

  /* 곡률 */
  --radius-none: 0;
  --radius-xs: 0.125rem; /* 2px */
  --radius-sm: 0.25rem; /* 4px */
  --radius-md: 0.5rem; /* 8px */
  --radius-lg: 0.75rem; /* 12px */
  --radius-xl: 1rem; /* 16px */
  --radius-2xl: 1.5rem; /* 24px */
  --radius-full: 9999px;
}

/* 공통 다크 모드 */
:root[data-mode='dark'] {
  /* 배경/전경 */
  --bg: 17 17 34;
  --fg: 255 255 255;
  --card: 40 40 80;

  /* 상태 색상 */
  --success: 0 176 143;
  --warning: 156 194 219;
  --error: 0 0 0;
  --info: 14 165 233;

  /* 텍스트 색상 (content) */
  --content: 230 230 235;
}