/* InnerTrip 디자인 토큰 — Montage(Wanted) 구조 × 비비드 앰버(Vivid Amber) 테마
   폰트: Pretendard (github.com/orioncactus/pretendard) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root {
  /* Vivid Amber 팔레트 (사용자 지정) */
  --app-bg: #D1D5DB;
  --bg-color: #FAFAFA;
  --card-bg: #FFFFFF;
  --text-main: #333333;
  --text-sub: #757575;
  --point-color: #FFC107;
  --point-hover: #E6AE06;
  --point-weak: #FFF8E1;           /* 연한 앰버 배경 */
  --btn-text: #333333;
  --border-color: #EEEEEE;
  --shadow-color: rgba(255, 193, 7, 0.3);
  --card-shadow: rgba(0, 0, 0, 0.05);
  /* Semantic */
  --mt-success: #00BF40;
  --mt-danger: #FF4E4E;
  --mt-warning: #FF8A00;
  /* Radius */
  --mt-r-sm: 8px;
  --mt-r-md: 12px;
  --mt-r-lg: 16px;
}

html { font-family: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; }
body { color: var(--text-main); background: var(--bg-color); }

/* 컴포넌트 레시피 (Tailwind 유틸과 병용) */
.mt-btn        { border-radius: var(--mt-r-md); font-weight: 600; transition: background .15s; }
.mt-btn-primary{ background: var(--point-color); color: var(--btn-text); box-shadow: 0 2px 8px var(--shadow-color); }
.mt-btn-primary:hover { background: var(--point-hover); }
.mt-btn-outline{ background: var(--card-bg); color: var(--text-main); border: 1px solid var(--border-color); }
.mt-btn-outline:hover { background: var(--bg-color); }
.mt-btn-weak   { background: var(--point-weak); color: var(--text-main); }
.mt-btn-weak:hover { filter: brightness(.97); }
.mt-card       { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: var(--mt-r-md); box-shadow: 0 1px 3px var(--card-shadow); }
.mt-input      { border: 1px solid var(--border-color); border-radius: var(--mt-r-sm); background: #fff; }
.mt-input:focus{ outline: 2px solid var(--point-color); outline-offset: -1px; border-color: var(--point-color); }
.mt-chip       { border-radius: 999px; font-weight: 600; }
.mt-chip-on    { background: var(--point-color); color: var(--btn-text); }
.mt-chip-off   { background: #fff; color: var(--text-sub); border: 1px solid var(--border-color); }