/* 스토리시드 정적 페이지 공통 스타일. 랜딩(index.html)에서 그대로 옮겼다 — 새 색은 만들지 않았다. */

@font-face{font-family:'Pretendard';src:url('/fonts/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('/fonts/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('/fonts/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}

/* 앱(app.css)과 같은 세이지 팔레트. 어두운 값도 앱의 다크 모드에서 그대로 가져왔다. */
:root{
  --sage-500:#7f9668;--sage-600:#65794f;--sage-400:#9cb086;
  --sage-200:#d5decb;--sage-150:#e4eadd;--sage-100:#eef2e9;--sage-50:#f6f8f3;
  --ink:#333c2e;--ink-soft:#5c6653;--ink-faint:#8a927f;
  --paper:#fbfcf9;--card:#ffffff;--seed:#b6812f;
  --shadow:0 1px 2px rgba(51,60,46,.04),0 8px 24px rgba(51,60,46,.05);
}
@media (prefers-color-scheme:dark){
  :root{
    --sage-500:#8aa072;--sage-600:#a7bc92;--sage-400:#66755a;
    --sage-200:#37402f;--sage-150:#2a3127;--sage-100:#20261e;--sage-50:#262d24;
    --ink:#e2e7da;--ink-soft:#b9c2ad;--ink-faint:#7f8874;
    --paper:#1d231b;--card:#262d24;--seed:#d3b072;
    --shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.28);
  }
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;
  /* 한국어는 어절 안에서 줄이 갈리면 읽기 나빠진다('합니/다'). 어절 단위로만 넘긴다. */
  word-break:keep-all;}

/* ── 푸터(모든 정적 페이지 공통) ── */
footer{text-align:center;font-size:12.5px;color:var(--ink-faint);padding:36px 20px 52px;
  border-top:1px solid var(--sage-150);margin-top:56px;}
footer a{color:var(--ink-soft);text-decoration:none;margin:0 8px;}
footer a:hover{color:var(--sage-600);}
.copy{margin-top:10px;overflow-wrap:anywhere;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}