/* ===========================================================================
   WIA Design Tokens
   "다크 프리미엄 인더스트리얼 + 브론즈골드 액센트"
   =========================================================================== */
:root {
  /* --- Core palette --- */
  --color-gold: #c69a63;   /* 주 액센트(브론즈골드) — 타이틀·dot·활성. 넓은 면 금지 */
  --color-navy: #1d2b37;   /* 다크 네이비 — 신제품 섹션 배경, 다크 헤딩 */
  --color-dark: #16181b;   /* near-black — 히어로 배경, 헤더 베이스 */
  --color-grey: #9aa0a6;   /* 보조 텍스트 */
  --color-sand: #c5a584;   /* 푸터 밴드(따뜻한 탄) */

  /* --- Derived / support --- */
  --title-sub:        #8d949b;  /* 2톤 타이틀 앞단어 (라이트 섹션) */
  --title-sub-light:  #aeb6bd;  /* 2톤 타이틀 앞단어 (다크 섹션 위) */
  --ink-body: #222;
  --ink-soft: #555;
  --line-soft: #c5c8cc;         /* pill 버튼 테두리 등 */
  --header-bg:          rgba(22, 24, 27, 0.55);
  --header-bg-scrolled: rgba(22, 24, 27, 0.92);

  /* --- Typography --- */
  --font-tech: 'Michroma', 'Roboto', sans-serif;               /* 로고·히어로·테크 헤드라인 */
  --font-en:   'Roboto', 'Noto Sans KR', sans-serif;           /* 영문·숫자 */
  --font-kr:   'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;

  /* --- Layout --- */
  --header-h: 8rem;
  --inner-w: 144rem;
  --inner-pad: 6rem;
}

@media (max-width: 1024px) {
  :root { --header-h: 6.4rem; }
}
@media (max-width: 640px) {
  :root { --inner-pad: 3rem; }
}