/* 디자인 토큰 · 리셋 · 기본 타이포 */
:root {
  --green:      #2B8C3C;
  --green-dark: #1F6B2D;
  --green-pale: #EDF7F0;
  --green-mid:  rgba(43,140,60,0.12);
  --charcoal:   #111111;
  --mid:        #3A3A3A;
  --muted:      #6B6B6B;
  --light:      #999;
  --border:     #E2E2E2;
  --border-lt:  #EEEEEE;
  --bg:         #FFFFFF;
  --bg-off:     #F8F8F8;
  --bg-grey:    #F3F3F3;
  --bg-dark:    #18232E;
  --bg-darker:  #111920;
  --sans:       'Noto Sans KR', sans-serif;
  --cond:       'Barlow Condensed', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { background: var(--bg); color: var(--charcoal); font-family: var(--sans); font-size: 15px; line-height: 1.7; overflow-x: hidden; }