/* ==========================================================================
   [01] 01-base.css —— 微派云运营管理后台（运营后台）
   来源：原型 assets/style.css 按分节先后顺序切分（保持原有级联顺序，勿调整加载顺序）
   本文件包含：设计系统（CSS 变量 / 重置 / 排版 / 主题色）
   加载顺序：01-base.css → 02-layout.css → 03-components.css → 04-pages.css
   ========================================================================== */

/* ==========================================================================
   微派云车队管理平台 · 设计系统
   浅色主题 / 简约大方 / 无框架无依赖
   ========================================================================== */

:root {
  /* 背景与描边 */
  --bg:            #F5F7FA;
  --panel:         #FFFFFF;
  --panel-2:       #F9FAFC;
  --panel-3:       #F1F4F8;
  --border:        #EBEEF4;
  --border-strong: #DCE1EA;

  /* 文字 */
  --text:          #16202E;
  --text-2:        #58657A;
  --text-3:        #93A0B1;

  /* 主色与语义色 */
  --primary:       #2563EB;
  --primary-hover: #1E4FD6;
  --primary-weak:  #EEF3FE;
  --primary-line:  #D2DFFB;

  --emerald:       #0E9F6E;
  --emerald-weak:  #E9F7F1;
  --amber:         #D97706;
  --amber-weak:    #FDF4E4;
  --red:           #E02424;
  --red-weak:      #FDEDED;
  --violet:        #7A5AF8;
  --violet-weak:   #F1EEFE;

  /* 尺寸 */
  --radius:        12px;
  --radius-sm:     8px;
  --radius-xs:     6px;

  --shadow-xs:     0 1px 2px rgba(16, 24, 40, .04);
  --shadow-sm:     0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .03);
  --shadow:        0 2px 4px rgba(16, 24, 40, .04), 0 8px 20px rgba(16, 24, 40, .05);
  --shadow-lg:     0 18px 50px rgba(16, 24, 40, .16);

  --sidebar-w:     252px;
  --topbar-h:      60px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
::selection { background: #D6E3FF; color: #10306B; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: #CDD5E0; border-radius: 10px;
  border: 3px solid transparent; background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #B2BDCB; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }