/* ==========================================================
   BMGG WMS V3.0
   variables.css
   Design Tokens
========================================================== */

:root{

color-scheme:light only;

/* ==========================================================
   Brand
========================================================== */

--primary:#163A5F;
--primary-light:#24527A;
--primary-dark:#102A43;

--secondary:#4B6478;

--accent:#F4B400;

--success:#2E7D32;

--warning:#F9A825;

--danger:#D32F2F;

--info:#0288D1;


/* ==========================================================
   Background
========================================================== */

--bg:#F4F6F8;

--bg-card:#FFFFFF;

--bg-sidebar:#163A5F;

--bg-sidebar-hover:#1D4C78;

--bg-sidebar-active:#2A628F;

--bg-topbar:#FFFFFF;


/* ==========================================================
   Border
========================================================== */

--border:#E2E8F0;

--border-light:#EDF2F7;

--border-dark:#CBD5E0;


/* ==========================================================
   Text
========================================================== */

--text:#1F2937;

--text-light:#6B7280;

--text-placeholder:#9CA3AF;

--text-white:#FFFFFF;

--text-title:#111827;


/* ==========================================================
   Table
========================================================== */

--table-header:#F8FAFC;

--table-hover:#F5F9FD;

--table-stripe:#FBFCFD;


/* ==========================================================
   Button
========================================================== */

--btn-primary:#163A5F;

--btn-primary-hover:#1E4B75;

--btn-success:#2E7D32;

--btn-warning:#F4B400;

--btn-danger:#D32F2F;

--btn-secondary:#EEF2F6;


/* ==========================================================
   Status
========================================================== */

--status-green-bg:#E8F5E9;

--status-green-text:#2E7D32;

--status-yellow-bg:#FFF8E1;

--status-yellow-text:#F9A825;

--status-red-bg:#FDECEC;

--status-red-text:#D32F2F;

--status-blue-bg:#E3F2FD;

--status-blue-text:#1565C0;


/* ==========================================================
   Shadow
========================================================== */

--shadow-xs:0 1px 2px rgba(0,0,0,.05);

--shadow-sm:0 2px 8px rgba(0,0,0,.06);

--shadow-md:0 6px 18px rgba(0,0,0,.08);

--shadow-lg:0 12px 30px rgba(0,0,0,.12);

--shadow-xl:0 20px 50px rgba(0,0,0,.15);


/* ==========================================================
   Radius
========================================================== */

--radius-xs:4px;

--radius-sm:8px;

--radius-md:12px;

--radius-lg:16px;

--radius-xl:20px;

--radius-round:999px;


/* ==========================================================
   Spacing
========================================================== */

--space-4:4px;

--space-8:8px;

--space-12:12px;

--space-16:16px;

--space-20:20px;

--space-24:24px;

--space-32:32px;

--space-40:40px;

--space-48:48px;

--space-64:64px;


/* ==========================================================
   Sidebar
========================================================== */

--sidebar-width:260px;

--sidebar-collapse:72px;


/* ==========================================================
   Topbar
========================================================== */

--topbar-height:72px;


/* ==========================================================
   KPI
========================================================== */

--kpi-height:140px;

--panel-padding:24px;


/* ==========================================================
   Font
========================================================== */

--font-family:
"Inter",
"Segoe UI",
"HarmonyOS Sans SC",
"Microsoft YaHei",
sans-serif;

--font-11:11px;

--font-12:12px;

--font-13:13px;

--font-14:14px;

--font-16:16px;

--font-18:18px;

--font-20:20px;

--font-24:24px;

--font-28:28px;

--font-32:32px;


/* ==========================================================
   Font Weight
========================================================== */

--fw-normal:400;

--fw-medium:500;

--fw-semibold:600;

--fw-bold:700;


/* ==========================================================
   Transition
========================================================== */

--transition-fast:.15s;

--transition:.25s;

--transition-slow:.4s;

}


/* ==========================================================
   Dark Mode（预留）
========================================================== */

[data-theme="dark"]{

--bg:#111827;

--bg-card:#1F2937;

--bg-topbar:#1F2937;

--bg-sidebar:#0F172A;

--border:#334155;

--border-light:#374151;

--text:#F9FAFB;

--text-light:#CBD5E1;

--table-header:#1E293B;

--table-hover:#263445;

--table-stripe:#1B2432;

}