/* 머슮(meoseum) 디자인 토큰 — SSOT. extension/popup.css 등에서 이 값을 참조한다. */
:root {
  /* Primary (기존 extension/popup.css에서 이미 쓰던 값과 동일 — 신규 색 산재 방지) */
  --color-primary-700: #5C2FB0;
  --color-primary-600: #6D3EC4; /* 브랜드 메인 */
  --color-primary-500: #8657D6;
  --color-primary-100: #F2EDFA;
  --color-primary-50:  #FAF8FE;

  /* Secondary / Accent (경고·강조 배지, CTA 보조) */
  --color-accent-600: #D97706; /* 기존 status-warn과 동일 */
  --color-accent-100: #FCEFDC;

  /* Neutral */
  --color-text-900: #24162E; /* 본문 최상위 텍스트 — 기존 body color */
  --color-text-700: #453455; /* 기존 .desc */
  --color-text-500: #6B6275; /* 기존 .seller-id, .status-msg */
  --color-border-200: #E5E1EA;
  --color-surface-100: #F7F5FA;
  --color-surface-0: #FFFFFF;

  /* Semantic */
  --color-success: #1F9D55;
  --color-warning: #D97706;
  --color-warning-text: #8A4B00; /* 경고 텍스트는 대비 확보용 어두운 톤 */
  --color-error: #C0392B;
  --color-info: #2F80ED;

  /* Typography */
  --font-family-base: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
  --font-size-body: 16px;
  --font-size-caption: 14px;
  --font-size-title: 20px;
  --font-size-headline: 28px;
  --font-size-display: 36px;
  --line-height-body: 1.5;

  /* Spacing (8pt 그리드) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* Touch target */
  --touch-min: 44px;
  --touch-comfortable: 48px;
}