
@pullLoadHeight:100;

:root{
  --safeTop: constant(safe-area-inset-top);
  --safeBottom: constant(safe-area-inset-bottom);
  --safeLeft: constant(safe-area-inset-left);
  --safeRight: constant(safe-area-inset-right);

  --safeTop: env(safe-area-inset-top);
  --safeBottom: env(safe-area-inset-bottom);
  --safeLeft: env(safe-area-inset-left);
  --safeRight: env(safe-area-inset-right);
  
  --weight-Thin:100;
  --weight-Ultralight:200;
  --weight-Light:300;
  --weight-Regular:400;
  --weight-Medium:500;
  --weight-Semibold:700;

  --font-Regular:14px;


  --color-primary-dark:#001529;
  --color-primary:#2F7CFF;
  --color-primary-hover:#1565c0;

  --color-font-bold:#141414;
  --color-font-gray:#8C8C8C;
  --color-underscore:#D9D9D9;
  --color-error:#d32f2f;

  --color-border-hover:rgba(0, 0, 0, 0.9);
  --color-text:#262626;
  --color-text-hover:rgba(0,0,0,.9);
  --color-menu-text:rgba(0, 0, 0, 0.45);
  --color-menu-text-active:white;

  --color-dropmenu-hover:rgba(0, 0, 0, 0.04);
  --color-dropmenu-text:rgba(0, 0, 0, 0.7);
  --color-box-shadow:#dddddd;


  --color-body-background:#F0F2F3;

  --radius-default: 8px;
  --radius-small: 4px;

  --margin-default:12px;
  --margin-larger:24px;
  --margin-small:8px;

  --padding-default:12px;
  --padding-larger:24px;
  --padding-small:6px;

  --padding-body:34px 24px;

  --nav-width:240px;
  --center-body-width:100%;
  --body-width:640px;

  --height-header:40px;
  --topMenu-height:64px;
  --height-input:50px;
  --height-input-small:40px;

  // 100以下为非弹出式的UI
  --z-nav-pc:10;
  --z-top-menu:10;
  --z-nav-mobile:50;

  // 100以上为弹出式的UI
  --z-dropMenu:100;
  --z-dialog:1040;
  --z-toast:1045;


}
