/* 브랜드 값. 색은 리뷰뷰 배경·배너 이미지에서 직접 뽑았다 (남색 #1F2A44, 노랑 #FFC93C, 크림 #FBF7EE).
   쿠팡·네이버 브랜드 색은 쓰지 않는다 — 쿠팡 파트너스는 쿠팡 로고·색 사용을 금지한다. */
:root {
  --bg: #fbf7ee;
  --surface: #ffffff;
  --surface-2: #f3ecdc;
  --ink: #1f2a44;
  --ink-2: #565e75;
  --ink-3: #8a8f9e;
  --line: #e9e1cf;
  --navy: #1f2a44;
  --navy-deep: #151c2f;
  --yellow: #ffc93c;
  --danger: #b3261e;
  --ok: #2e6b3a;

  --r-lg: 22px;
  --r: 14px;
  --r-sm: 10px;
  --gutter: 20px;
  --maxw: 480px;

  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -0.01em;
  word-break: keep-all;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; color: inherit; }
[hidden] { display: none !important; }

:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }