/* st-base.css — 파운데이션(리셋 + 디자인 토큰). 컴포넌트 CSS와 분리. */
:root{
  --st-red:#f9423a; --st-red-dark:#e02b23; --st-red-soft:#fff1f0;
  --st-ink:#232323; --st-ink-2:#555555; --st-ink-3:#8d8d8d;
  --st-line:#e6e4e1; --st-line-2:#f1efec;
  --st-bg:#ffffff; --st-bg-soft:#f7f6f4; --st-bg-deep:#efece6;
  --st-green:#eaf3e4; --st-pink:#fbeeee;
  --st-radius:14px; --st-radius-sm:8px;
  --st-inner:1680px; --st-gutter:48px; --st-cols:5; --st-promo-cols:3; --st-foot-cols:1.4fr 1fr 1fr 1.1fr;
  --st-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --st-mono:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--st-font);color:var(--st-ink);background:var(--st-bg);-webkit-font-smoothing:antialiased;letter-spacing:-0.01em;word-break:keep-all;text-wrap:pretty}
img{max-width:100%}
a{color:var(--st-ink);text-decoration:none}
a:hover{color:var(--st-red)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;color:var(--st-ink)}
input::placeholder,textarea::placeholder{color:#b3aea7}
table{border-collapse:collapse}
@keyframes st-kenburns{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@media (max-width:1400px){:root{--st-cols:4;--st-gutter:32px;--st-promo-cols:2}}
@media (max-width:1200px){:root{--st-foot-cols:1fr 1fr}}
@media (max-width:1080px){:root{--st-cols:3;--st-gutter:20px;--st-promo-cols:1}}