/* Stage 1: the content screen is 393 × 852; the physical frame is separate. */
:root{
  --phone-logical-width:393px;
  --phone-logical-height:852px;
  --phone-frame-border:7px;
  --phone-screen-radius:55px;
  --phone-frame-radius:62px;
  --phone-safe-top:59px;
  --phone-safe-bottom:34px;
  --ios-body-size:17px;
  --ios-secondary-size:13px;
  --ios-nav-title-size:17px;
  --ios-large-title-size:34px;
  --ios-control-min-size:44px;
  --ios-nav-height:44px;
  --ios-list-min-height:52px;
  --ios-tab-height:83px;
  --ios-app-icon-size:60px;
  --ios-app-icon-radius:14px;
  --phone-island-width:126px;
  --phone-island-height:37px;
  --phone-island-top:11px;
  --phone-home-width:134px;
  --phone-home-height:5px;
  --phone-status-size:16px;
  --phone-lock-clock-size:94px;
  --ios-space-1:4px;
  --ios-space-2:8px;
  --ios-space-3:12px;
  --ios-space-4:16px;
  --ios-space-5:20px;
  --ios-space-6:24px;
  --ios-hairline:.5px;
  --ios-label:#111;
  --ios-secondary-label:#8e8e93;
  --ios-group-background:#f2f2f7;
  --ios-blue:#007aff;
  --wx-accent:#07c160;
  --wx-tab-accent:#07b75b;
  --wx-surface:#ededed;
  --wx-outgoing:#95ec69;
  --notes-accent:#d7a116;
}