/* TOLT 디자인 토큰 — 전 페이지 공통 정본.
   이 파일이 색·반경·그림자·이징의 유일한 출처다. 페이지 안에서 다시 선언하지 말 것.
   (2026-08-27 추출: product.html / index.html 에 중복돼 있던 동일 블록을 여기로 모았다) */

:root{
  --bg:#FFFFFF; --bg-2:#F5F5F7; --surf:#FFFFFF; --ink:#1D1D1F; --ink-2:#4B4B50;
  --mute:#64646A; --line:#D2D2D7; --line-2:#E5E5EA;
  --accent:#B02D1C; --accent-soft:#FBEAE6; --alert:#B02D1C;
  --cta:#1D1D1F; --cta-ink:#FFFFFF;
  --sh:0 1px 2px rgba(21,22,26,.05),0 14px 30px -16px rgba(21,22,26,.20);
  --r-ctl:8px; --r-box:0px; --r-pill:980px; --r-card:16px;
}
:root{
  --e-out:cubic-bezier(.16,1,.3,1);        /* 감속 — 등장 */
  --e-inout:cubic-bezier(.65,0,.35,1);     /* 대칭 — 상태 전환 */
  --e-spring:cubic-bezier(.34,1.56,.64,1); /* 살짝 넘어갔다 복귀 — 선택 피드백 */
}

/* 시스템 설정이 다크이고 사용자가 라이트로 고정하지 않은 경우 */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000; --bg-2:#0E0E10; --surf:#151517; --ink:#F5F5F7; --ink-2:#B4B4BB;
  --mute:#8E8E93; --line:#2A2A2E; --line-2:#1C1C1F;
  --accent:#FF6B52; --accent-soft:#2A1310; --alert:#FF6B52;
  --cta:#F5F5F7; --cta-ink:#000000;
  --sh:0 1px 2px rgba(0,0,0,.5),0 18px 40px -20px rgba(0,0,0,.75);
}}
/* 토글로 명시 선택한 다크 — 시스템 설정을 이긴다 */
:root[data-theme="dark"]{
  --bg:#000000; --bg-2:#0E0E10; --surf:#151517; --ink:#F5F5F7; --ink-2:#B4B4BB;
  --mute:#8E8E93; --line:#2A2A2E; --line-2:#1C1C1F;
  --accent:#FF6B52; --accent-soft:#2A1310; --alert:#FF6B52;
  --cta:#F5F5F7; --cta-ink:#000000;
  --sh:0 1px 2px rgba(0,0,0,.5),0 18px 40px -20px rgba(0,0,0,.75);
}

/* 베이스 — 문서 골격. 페이지 고유 레이아웃은 각 페이지 <style> 에 남긴다. */
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Apple SD Gothic Neo",Pretendard,"Gothic A1",system-ui,sans-serif;
  line-height:1.7; letter-spacing:-.012em; word-break:keep-all;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
h1,h2,h3{margin:0; font-weight:600; letter-spacing:-.028em; line-height:1.2; word-break:keep-all; text-wrap:balance}
p{margin:0} img{max-width:100%; display:block} button{font-family:inherit}
.mono{font-family:"DM Mono",ui-monospace,monospace}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:2px}
.wrap{max-width:1240px; margin:0 auto; padding:0 clamp(16px,3.4vw,40px)}