/* 마이테일러 웹 — 디자인 값(Theme.swift 그대로). W1 소유: 고치면 FOUNDATION.md '변경 기록'에 한 줄 */
:root {
  /* 색 (Theme.swift Color 확장) */
  --mt-bg: #EDEDEB;          /* mtBG 바탕 */
  --mt-studio: #E4E4E1;      /* mtStudio */
  --mt-studio2: #E4E4E2;     /* studio(v2 이름) */
  --mt-paper: #F7F7F5;       /* mtPaper 종이 */
  --mt-ink: #111110;         /* mtInk 먹색 */
  --mt-ink2: #3A3A37;        /* mtInk2 */
  --mt-mut: #5E5E5A;         /* mtMut */
  --mt-faint: #66665F;       /* mtFaint */
  --mt-line: rgba(17, 17, 16, 0.12);  /* mtLine */
  --mt-melona: #CDE6A3;      /* 멜로나 */
  --mt-melona-ink: #3E5A12;  /* mtMelonaInk */
  --mt-sale: #C8102E;        /* 세일 빨강 */
  --mt-disabled: #B9B9B3;    /* 꺼진 주 버튼 */
  --mt-photo-bg: #E2E2DF;    /* 사진 자리 회색(상품 카드·히어로) */
  --mt-tab-off: #6E6E6E;     /* 하단 탭 꺼짐 */
  --mt-tab-text-off: #5E5E5A;/* 상단 탭 꺼짐 */
  --mt-text-333: #333333;    /* 상품 이름 */
  --mt-coral: #FF8A78;       /* 카드 위 할인율(어두운 사진 위) */
  --mt-outside: #D9D9D6;     /* 데스크톱 바깥(바탕보다 약간 어둡게) */

  /* 곡선·시간 (Animation.mt / .cam) */
  --ease-mt: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-mt: 0.5s;
  --ease-cam: cubic-bezier(0.6, 0, 0.2, 1);
  --dur-cam: 0.85s;
  --ease-io: cubic-bezier(0.42, 0, 0.58, 1);   /* SwiftUI .easeInOut */
  --ease-out: cubic-bezier(0, 0, 0.58, 1);     /* SwiftUI .easeOut */
  --ease-push: cubic-bezier(0.2, 0.8, 0.2, 1); /* 화면 밀기(내비게이션 push/pop) [추정] */
  --dur-push: 0.42s;

  /* 글꼴 — 애플 기기는 시스템 글꼴(= 앱과 같은 SF/Apple SD 산돌고딕 Neo), 나머지는 Pretendard */
  --font: -apple-system, BlinkMacSystemFont, "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --font-script: "Snell Roundhand", "Apple Chancery", cursive;
  --track-ko: -0.015em;  /* .ko() 기본 자간 */

  /* 안전 영역 */
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);

  /* 크기 */
  --phone-max: 430px;
  --tabbar-h: 62px;      /* MallTabBar 내용 높이(안전 영역 제외) [실측 대기] */
  --z-tabbar: 20;
  --z-sheet: 40;
  --z-toast: 35;   /* 앱처럼 시트(40) 아래 */
  --z-intro: 100;
}

/* 캡처 모드(?cap=1): 아이폰 17 Pro 안전 영역 흉내(402×874pt, 위 62 · 아래 34) */
html.cap {
  --sat: 62px;
  --sab: 34px;
}