/* 디자인 토큰 — 색·글꼴·크기·간격. 값은 여기서만 바꾼다(기준: DESIGN.md) */
:root{
  --paper:#F4F2EE;      
  --paper-2:#EAE7E1;    
  --line:#D9D5CD;       
  --top-h:72px;         
  --field-line:#878A93; 
  --ink:#12151C;        
  --ink-2:#3C414D;      
  --muted:#5E6370;      
  --acc:#2A4BB3;        
  --acc-strong:#1E3A91; 
  --on-acc:#FFFFFF;     
  --frame:#000000;
  --band:#0E1016;
  --on-band:#EDE6D8;        
  --on-band-muted:#9C988C;  
  --on-dark-2:#BFB9AC;      
  --band-line:rgba(237,230,216,.16);
  --glow:#7C9DFF;           
  --fiat:#EDE6D8;           
  --font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --fs-display:44px; --lh-display:1.30; --ls-display:-.025em;
  --fs-h2:30px;      --lh-h2:1.36;      --ls-h2:-.020em;
  --fs-h3:21px;      --lh-h3:1.45;      --ls-h3:-.012em;
  --fs-lead:19px;    --lh-lead:1.62;    --ls-lead:-.008em;
  --fs-body:16px;    --lh-body:1.75;    --ls-body:-.004em;
  --fs-small:14px;   --lh-small:1.65;   --ls-small:.003em;
  --fs-caption:13px; --lh-caption:1.55; --ls-caption:.01em;
  --fs-label:12px;   --lh-label:1.40;   --ls-label:.08em;   
  --fw-display:700; --fw-heading:700; --fw-strong:600; --fw-body:400;
  --maxw:1200px; --gut:40px;
  --sec:128px;          
  --sec-head:48px;      
  --r-frame:22px; --r-btn:4px;
  --stroke:1.25px; --stroke-strong:1.5px; --stroke-faint:1px;
}
@media (max-width:1023px){ :root{ --gut:24px; --sec:96px; } }
@media (max-width:640px){
  :root{
    --top-h:60px;
    --gut:16px; --sec:72px; --sec-head:32px; --r-frame:16px;
    --fs-display:30px; --lh-display:1.36; --ls-display:-.020em;
    --fs-h2:24px;      --lh-h2:1.40;      --ls-h2:-.016em;
    --fs-h3:19px;      --lh-h3:1.48;      --ls-h3:-.010em;
    --fs-lead:17px;    --lh-lead:1.68;    --ls-lead:-.005em;
  }
}