/* Shared design tokens. See docs/UI_STANDARD.md. */
#bimflow-app {
  --bf-bg:light-dark(#f8f7f5,#000000);
  --bf-panel:light-dark(#ffffff,#111111);
  --bf-text:light-dark(#302e2b,#f5f5f5);
  --bf-muted:light-dark(#6f6a64,#b8b8b8);
  --bf-line:light-dark(#e6e1dc,#3d3d3d);
  --bf-side:light-dark(#f0ede9,#0a0a0a);
  --bf-hover:light-dark(#f4f0eb,#222222);
  --bf-selected:light-dark(#ffe9dc,#262626);
  --bf-blue:light-dark(#b83d0d,#ff985e);
  --bf-purple:light-dark(#946047,#dfa989);
  --bf-green:light-dark(#087659,#72d7b5);
  --bf-orange:light-dark(#986008,#f4c878);
  --bf-red:light-dark(#bd3551,#ff94a7);
  --bf-softblue:light-dark(#fff0e6,#232323);
  --bf-softpurple:light-dark(#f3ebe6,#232323);
  --bf-softgreen:light-dark(#e5f5ee,#233a32);
  --bf-softorange:light-dark(#fff3df,#252525);
  --bf-softred:light-dark(#ffedf0,#43282e);
  --ui-font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --ui-on-accent:light-dark(#fff,#171717); --ui-blue-hover:light-dark(#963108,#ffb185);
  --ui-space-1:4px; --ui-space-2:8px; --ui-space-3:12px;
  --ui-space-4:16px; --ui-space-5:24px; --ui-space-6:32px;
  --ui-page-x:32px; --ui-page-y:32px; --ui-section-gap:24px;
  --ui-radius-sm:6px; --ui-radius:8px; --ui-radius-lg:12px;
  --ui-control-height:38px; --ui-control-compact:32px;
  --ui-font-body:14px; --ui-font-small:12px; --ui-font-title:30px;
  --ui-font-section:17px; --ui-icon-size:16px;
  --ui-shadow:0 4px 16px #18284612;
  --ui-segment-height:42px; --ui-segment-surface:var(--bf-side);
  --ui-segment-active-text:var(--ui-on-accent);
  --ui-focus:var(--bf-blue); --ui-border:var(--bf-line);
}
@media(max-width:1100px){#bimflow-app{--ui-page-x:24px;--ui-page-y:24px}}
@media(max-width:620px){#bimflow-app{--ui-page-x:16px;--ui-page-y:20px;--ui-control-height:42px;--ui-segment-height:44px;--ui-font-title:24px;--ui-section-gap:20px}}