/* ==========================================================================
   Mimolux Website — 사이트 레이어 (디자인 시스템 v2, mx-*)
   토큰은 tokens.css, 컴포넌트는 components.css 에서 온다(둘 다 복사본 — 고치지 않음).
   이 파일에는 사이트 전용 스타일만 둔다. hex 리터럴 금지, var(--mx-*) 만.

   구역 주인
   - 맨 위 「공통」 절: A
   - 아래 「page: …」 절: 그 페이지 주인 (home · company = B, solutions · products = C,
     process · contact = D). 남의 절은 고치지 않는다. 페이지 절은 가능하면 비워 두고
     컴포넌트만으로 짓는다.
   ========================================================================== */

/* == 공통 (A) ============================================================== */

/* 앵커 이동은 부드럽게 — 움직임 줄이기 설정이면 바로 이동 */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* 서랍이 열린 동안 아래 페이지가 비쳐 움직이지 않도록 (mimolux.js 가 body overflow 를 잠근다) */
.mx-drawer { overscroll-behavior: contain; }


/* == page: home == */


/* == page: company == */


/* == page: solutions == */


/* == page: products == */


/* == page: process == */


/* == page: contact == */