/* EdTech HUB 디자인 토큰 (#8) — 단일 출처. DESIGN.md와 동기화.
   페이지별 <style>의 :root 복붙을 이 파일로 대체. 순수 CSS 변수만(빌드 도구 없음) → PHP 포팅 시 그대로 복사.
   흰 글자 버튼 배경은 --teal-ink(4.5:1 이상). --teal/--teal-deep 위 흰 글자는 대비 미달(ACCESSIBILITY.md). */
:root {
  /* Navigator (DOHE sibling brand) palette — same tokens as the rest of the local site */
  --cream:        #F1F0E7;
  --cream-2:      #E9EEE8;
  --bg:           #FBFAF6;
  --white:        #FFFFFF;
  --teal:         #5ABEB5;
  --teal-deep:    #3E9C94;
  --teal-ink:     #256F68;
  --teal-light:   #8ED4CD;
  --teal-tint:    rgba(90,190,181,.12);
  --navy:         #16243A;
  --navy-2:       #1F3349;
  --header:       #324058;   /* live edtechhub.com header navy — kept on purpose */
  --ink:          #16202B;
  --ink-muted:    #55636F;
  --ink-faint:    #8A97A0;
  --border:       #E4E1D6;
  --border-teal:  #D8E9E6;
  --border-h:     #C9D8D5;
  --accent:       var(--teal);
  --accent-h:     var(--teal-ink);
  --accent-muted: var(--teal-tint);
  --text-1:       var(--ink);
  --text-2:       var(--ink-muted);
  --text-3:       var(--ink-faint);
  --bg-surface:   var(--cream);
  --bg-elevated:  var(--cream-2);
  --max:          1200px;
  --ease-flow:    cubic-bezier(.22,1,.36,1);
}