/* src/styles/tokens.css */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css');

:root {
  --ink: #111111;        /* 본문, 아이콘 */
  --paper: #FAFAF7;      /* 배경 */
  --surface: #FFFFFF;    /* 카드 */
  --line: #E5E5E0;       /* 구분선 */
  --muted: #6B6B66;      /* 보조 텍스트 (대비 4.5:1 이상) */
  --accent: #D9412F;     /* 버튼, 배지 — 로고 확정 후 교체 */
  --ok: #1F7A4D;         /* 인증 배지 */

  --font: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-28: 28px; --fs-40: 40px;

  --sp-4: 4px; --sp-8: 8px; --sp-12: 12px; --sp-16: 16px; --sp-24: 24px; --sp-32: 32px;
  --radius-s: 8px; --radius-m: 12px; --radius-l: 20px;
  --tap: 44px;           /* 최소 터치 영역 */
}

@media (prefers-color-scheme: dark) {
  :root { --ink: #F2F2EE; --paper: #0E0E0E; --surface: #1A1A1A; --line: #2A2A28; --muted: #A3A39E; }
}