/* tokens.css — 색·타이포 토큰 유일 정의처 (UI-DESIGN-SYSTEM.md §2·§3).
   컴포넌트 CSS 는 여기 변수만 쓴다(hex 직접 사용 금지). 라이트/다크 3중 분기.
   방향: 크고 깔끔한 중립(Notion 어휘) 바탕 + 테라코타 pinpoint 액센트. */

:root {
  color-scheme: light;   /* 네이티브 컨트롤(스크롤바·셀렉트·자동완성)이 활성 테마를 따르도록 */
  /* 라이트 — 중립(클린 화이트/그레이) */
  --bg: #fbfbfa;
  --surface: #ffffff;
  --surface-alt: #f5f5f6;
  --text: #1a1a19;
  --muted: #6b6b70;
  --border: #e7e7e9;
  --hairline: rgba(0,0,0,.07);
  --link: #b0512f;
  --accent: #c96442;
  --accent-hover: #ae5630;
  --accent-soft: rgba(201,100,66,.10);
  --success: #1f7a34;  --success-bg: #e8f5ec;
  --warning: #8a6d13;  --warning-bg: #f8f1dc;
  --danger: #c0392b;   --danger-bg: #fbeae7;
  --info-bg: rgba(201,100,66,.08);
  --chip-bg: #f0f0f1;
  --nav-bg: rgba(251,251,250,.85);
  --shadow-card: 0 1px 2px rgba(20,20,20,.04), 0 6px 20px rgba(20,20,20,.06);
  /* 테마 불변(의도적): on-accent 는 두 팔레트 모두 흰색. QR 배경은 스캔 신뢰 위해 항상 흰색. */
  --on-accent: #ffffff;
  --qr-bg: #ffffff;

  /* 타이포 (UI §3) — Pretendard 우선 */
  --font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;
  --radius-card: 16px;
  --radius-input: 11px;
  --radius-pill: 980px;
}

/* 수동 다크 — 중립 그레이 */
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #191919; --surface: #232323; --surface-alt: #2b2b2c;
  --text: #f4f4f3; --muted: #a4a4ab; --border: #343436; --hairline: rgba(255,255,255,.09);
  --link: #e5906f; --accent: #d97757; --accent-hover: #e08b6f; --accent-soft: rgba(217,119,87,.16);
  --success: #6fc47f; --success-bg: rgba(111,196,127,.13);
  --warning: #d9ad63; --warning-bg: rgba(217,173,99,.12);
  --danger: #e8756b; --danger-bg: rgba(232,117,107,.13);
  --info-bg: rgba(217,119,87,.15); --chip-bg: #313133;
  --nav-bg: rgba(25,25,25,.85); --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 6px 22px rgba(0,0,0,.34);
}

/* OS 자동 다크 (라이트 강제 시 제외) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --bg: #191919; --surface: #232323; --surface-alt: #2b2b2c;
    --text: #f4f4f3; --muted: #a4a4ab; --border: #343436; --hairline: rgba(255,255,255,.09);
    --link: #e5906f; --accent: #d97757; --accent-hover: #e08b6f; --accent-soft: rgba(217,119,87,.16);
    --success: #6fc47f; --success-bg: rgba(111,196,127,.13);
    --warning: #d9ad63; --warning-bg: rgba(217,173,99,.12);
    --danger: #e8756b; --danger-bg: rgba(232,117,107,.13);
    --info-bg: rgba(217,119,87,.15); --chip-bg: #313133;
    --nav-bg: rgba(25,25,25,.85); --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 6px 22px rgba(0,0,0,.34);
  }
}

/* 인쇄 — 앱 UI(내비·푸터·플래시·FAB) 숨겨 문서만 출력 */
@media print {
  .nav, .footer, .flashes, .support-fab, .skip-link { display: none !important; }
  body { background: #fff; }
}