/* 모바일 — 모던 아이보리 · 차콜 액션 (2026-06) */
html.m-app-root {
  zoom: 1;
  -webkit-text-size-adjust: 100%;
}

html.m-app-root,
html.m-app-root *,
html.m-app-root *::before,
html.m-app-root *::after {
  box-sizing: border-box;
}

:root {
  /* 액션·강조 — 그린 대신 잉크/차콜 */
  --mall-accent: #404650;
  --mall-green: #404650;
  --mall-green-deep: #353a42;
  --mall-green-bright: #4a515c;
  --mall-green-soft: rgba(53, 58, 66, 0.07);
  --mall-green-glow: rgba(53, 58, 66, 0.12);
  --mall-ink: #2a2f36;
  --mall-muted: #4f565e;
  --mall-stone: #6b727a;
  /* 아이보리 서피스 */
  --mall-page: #f7f5f1;
  --mall-ivory: #faf8f4;
  --mall-surface: #fffcfa;
  --mall-surface-elevated: #ffffff;
  --mall-warm: #f3f0ea;
  --mall-line: rgba(48, 44, 40, 0.08);
  --mall-charcoal: #404650;
  --mall-charcoal-deep: #353a42;
  --mall-charcoal-hover: #4a515c;
  --mall-accent-deal: #9a5c45;
  --mall-accent-deal-soft: rgba(154, 92, 69, 0.09);
  --mall-card-border: rgba(64, 70, 80, 0.09);
  --mall-card-border-hover: rgba(64, 70, 80, 0.15);
  --mall-card-divider: rgba(64, 70, 80, 0.07);
  --mall-card-visual-bg: linear-gradient(165deg, #faf8f4 0%, #efece6 100%);
  --mall-card-shadow:
    0 1px 0 rgba(53, 58, 66, 0.035),
    0 4px 14px rgba(53, 58, 66, 0.04);
  --mall-shadow-sm: 0 2px 8px rgba(53, 58, 66, 0.05);
  --mall-shadow-md: 0 6px 20px rgba(53, 58, 66, 0.07);
  --mall-shadow-lg: 0 12px 32px rgba(53, 58, 66, 0.08);
  --mall-gradient-brand: linear-gradient(180deg, #f5f2ec 0%, #ebe7df 48%, #e5e1d9 100%);
  --mall-gradient-btn: none;
  --mall-cta-gradient: none;
  --mall-focus-ring: rgba(53, 58, 66, 0.14);
  --m-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --m-safe-top: env(safe-area-inset-top, 0px);
  --m-safe-bottom: env(safe-area-inset-bottom, 0px);
  --m-header-h: 88px;
  --m-bottom-nav-h: 62px;
  --m-cta-h: 76px;
  --m-nav-offset: 0px;
  --m-cta-stack: 0px;
  --m-scroll-gap: 16px;
  --m-sheet-radius: 18px;
  --m-card-radius: 14px;
  --m-product-img-radius: 12px;
  --m-tap-target: 44px;
  --m-input-font-size: 16px;
  --m-z-overlay: 1000;
  --m-z-sheet: 1100;
  --m-z-toast: 1200;
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}