/* Generated from ui/theme-palette.json. Do not edit by hand. */

:root{

  --bf-bg:light-dark(#f5f5f5,#000000);

  --bf-panel:light-dark(#ffffff,#111111);

  --bf-elevated:light-dark(#ffffff,#1a1a1a);

  --bf-side:light-dark(#ffffff,#0a0a0a);

  --bf-hover:light-dark(#f0f0f0,#222222);

  --bf-line:light-dark(#e5e5e5,#3d3d3d);

  --bf-border-control:light-dark(#8c8c8c,#8c8c8c);

  --bf-text:light-dark(#1f1f1f,#f5f5f5);

  --bf-muted:light-dark(#595959,#b8b8b8);

  --bf-placeholder:light-dark(#666666,#a3a3a3);

  --ui-disabled-text:light-dark(#767676,#8c8c8c);

  --ui-disabled-bg:light-dark(#ededed,#202020);

  --ui-disabled-border:light-dark(#8c8c8c,#737373);

  --ui-overlay:light-dark(rgba(15,23,42,.45),rgba(0,0,0,.68));

  --ui-shadow:light-dark(0 8px 28px rgba(15,23,42,.12),0 8px 28px rgba(0,0,0,.55));

  --bf-border:var(--bf-border-control);--bf-surface:var(--bf-panel);--bf-radius:var(--ui-radius);

  --ui-border:var(--bf-border-control);--ui-border-subtle:var(--bf-line);--ui-border-control:var(--bf-border-control);

  --ui-font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;

  --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:6px;--ui-radius-lg:8px;

  --ui-control-height:32px;--ui-control-compact:24px;

  --ui-font-body:14px;--ui-font-small:12px;--ui-font-title:30px;--ui-font-section:17px;--ui-icon-size:16px;

  --ui-segment-height:42px;--ui-segment-surface:var(--bf-side);--ui-segment-active-text:var(--bf-on-primary);

  --ui-metric-size:28px;--ui-metric-weight:650;

  --bf-success:light-dark(#087659,#72d7b5);

  --bf-softsuccess:light-dark(#e5f5ee,#233a32);

  --bf-success-border:light-dark(#3b9b7b,#4e9f84);

  --bf-success-solid:light-dark(#087659,#0b8066);

  --bf-on-success:light-dark(#ffffff,#ffffff);

  --bf-warning:light-dark(#986008,#f4c878);

  --bf-softwarning:light-dark(#fff3df,#3b2f18);

  --bf-warning-border:light-dark(#b67b20,#a9833d);

  --bf-warning-solid:light-dark(#d48806,#f4c878);

  --bf-on-warning:light-dark(#241800,#241800);

  --bf-error:light-dark(#bd3551,#ff94a7);

  --bf-softerror:light-dark(#fff0f3,#3a1b23);

  --bf-error-border:light-dark(#d66a7e,#a34b5d);

  --bf-error-solid:light-dark(#bd3551,#b42345);

  --bf-on-error:light-dark(#ffffff,#ffffff);

  --bf-info:light-dark(#1d4ed8,#93c5fd);

  --bf-softinfo:light-dark(#eaf1ff,#14233a);

  --bf-info-border:light-dark(#6d93e5,#426a99);

  --bf-info-solid:light-dark(#1d4ed8,#2563eb);

  --bf-on-info:light-dark(#ffffff,#ffffff);

  --bf-purple:light-dark(#6d4ac4,#c4a7ff);

  --bf-softpurple:light-dark(#f0eaff,#2a1f3e);

  --bf-purple-border:light-dark(#9474d5,#745f9f);

  --bf-purple-solid:light-dark(#6d4ac4,#8f6cd8);

  --bf-on-purple:light-dark(#ffffff,#ffffff);

  --bf-slate:light-dark(#475569,#cbd5e1);

  --bf-softslate:light-dark(#f1f5f9,#1e293b);

  --bf-slate-border:light-dark(#64748b,#64748b);

  --bf-slate-solid:light-dark(#475569,#64748b);

  --bf-on-slate:light-dark(#ffffff,#ffffff);

}

:root{

  --bf-orange:var(--bf-warning);--bf-softorange:var(--bf-softwarning);

  --bf-green:var(--bf-success);--bf-softgreen:var(--bf-softsuccess);

  --bf-red:var(--bf-error);--bf-softred:var(--bf-softerror);

  --ui-on-error:var(--bf-on-error);--ui-on-warning:var(--bf-on-warning);

  --ui-on-success:var(--bf-on-success);--ui-on-info:var(--bf-on-info);

}

html[data-accent="brand"] #bimflow-app,:root{
  --bf-primary:light-dark(#ad4e00,#f08c4a);
  --bf-primary-hover:light-dark(#8f3f00,#ffaa6e);
  --bf-primary-active:light-dark(#743200,#cf6b2d);
  --bf-on-primary:light-dark(#ffffff,#1a0d05);
  --bf-link:light-dark(#8a3d00,#ffb37a);
  --bf-link-hover:light-dark(#6e3000,#ffd0ae);
  --bf-link-active:light-dark(#5a2600,#e69866);
  --bf-selected:light-dark(#fff2e8,#2a160b);
  --bf-selected-hover:light-dark(#ffe4d1,#3b1f0e);
  --bf-selected-border:light-dark(#d46b2c,#c57a4c);
  --bf-selected-text:light-dark(#743200,#ffd0ae);
  --bf-focus-ring:light-dark(#ad4e00,#f4a261);
  --bf-secondary-soft:light-dark(#fff2e8,#2a160b);
  --bf-blue:light-dark(#ad4e00,#f08c4a);
  --bf-primary-text:light-dark(#8a3d00,#ffb37a);
  --bf-softblue:light-dark(#fff2e8,#2a160b);
  --ui-on-accent:light-dark(#ffffff,#1a0d05);
  --ui-blue-hover:light-dark(#8f3f00,#ffaa6e);
  --ui-focus:light-dark(#ad4e00,#f4a261);
  --ui-segment-selected-bg:light-dark(#ad4e00,#f08c4a);
  --ui-segment-selected-text:light-dark(#ffffff,#1a0d05);
  --bf-swatch-brand:#ad4e00;
}

html[data-accent="professional"],html[data-accent="professional"] #bimflow-app{
  --bf-primary:light-dark(#1668dc,#69b1ff);
  --bf-primary-hover:light-dark(#0f55bc,#8fc7ff);
  --bf-primary-active:light-dark(#0b469b,#4096ff);
  --bf-on-primary:light-dark(#ffffff,#071c33);
  --bf-link:light-dark(#0b57c2,#91caff);
  --bf-link-hover:light-dark(#09489f,#bae0ff);
  --bf-link-active:light-dark(#073b83,#69b1ff);
  --bf-selected:light-dark(#e6f4ff,#102a43);
  --bf-selected-hover:light-dark(#d0e8ff,#183a5c);
  --bf-selected-border:light-dark(#3e86d7,#6d9fcf);
  --bf-selected-text:light-dark(#0b469b,#d6e4ff);
  --bf-focus-ring:light-dark(#1668dc,#69b1ff);
  --bf-secondary-soft:light-dark(#e6f4ff,#102a43);
  --bf-blue:light-dark(#1668dc,#69b1ff);
  --bf-primary-text:light-dark(#0b57c2,#91caff);
  --bf-softblue:light-dark(#e6f4ff,#102a43);
  --ui-on-accent:light-dark(#ffffff,#071c33);
  --ui-blue-hover:light-dark(#0f55bc,#8fc7ff);
  --ui-focus:light-dark(#1668dc,#69b1ff);
  --ui-segment-selected-bg:light-dark(#1668dc,#69b1ff);
  --ui-segment-selected-text:light-dark(#ffffff,#071c33);
  --bf-swatch-professional:#1668dc;
}

html[data-accent="teal"],html[data-accent="teal"] #bimflow-app{
  --bf-primary:light-dark(#087f8c,#36cfc9);
  --bf-primary-hover:light-dark(#076d78,#56ddd7);
  --bf-primary-active:light-dark(#055b64,#13a8a8);
  --bf-on-primary:light-dark(#ffffff,#062825);
  --bf-link:light-dark(#006a73,#73e0d9);
  --bf-link-hover:light-dark(#005760,#9cebe6);
  --bf-link-active:light-dark(#00464e,#36cfc9);
  --bf-selected:light-dark(#e6fffb,#102a27);
  --bf-selected-hover:light-dark(#c9f7f1,#173a36);
  --bf-selected-border:light-dark(#0e8f98,#5ca9a0);
  --bf-selected-text:light-dark(#055b64,#b5f5ec);
  --bf-focus-ring:light-dark(#087f8c,#36cfc9);
  --bf-secondary-soft:light-dark(#e6fffb,#102a27);
  --bf-blue:light-dark(#087f8c,#36cfc9);
  --bf-primary-text:light-dark(#006a73,#73e0d9);
  --bf-softblue:light-dark(#e6fffb,#102a27);
  --ui-on-accent:light-dark(#ffffff,#062825);
  --ui-blue-hover:light-dark(#076d78,#56ddd7);
  --ui-focus:light-dark(#087f8c,#36cfc9);
  --ui-segment-selected-bg:light-dark(#087f8c,#36cfc9);
  --ui-segment-selected-text:light-dark(#ffffff,#062825);
  --bf-swatch-teal:#087f8c;
}

html[data-accent="violet"],html[data-accent="violet"] #bimflow-app{
  --bf-primary:light-dark(#722ed1,#b37feb);
  --bf-primary-hover:light-dark(#5f25b4,#c79df2);
  --bf-primary-active:light-dark(#4e1d95,#9254de);
  --bf-on-primary:light-dark(#ffffff,#221232);
  --bf-link:light-dark(#6224ba,#d3adf7);
  --bf-link-hover:light-dark(#4f1c97,#e3c8fa);
  --bf-link-active:light-dark(#3f1579,#b37feb);
  --bf-selected:light-dark(#f9f0ff,#241536);
  --bf-selected-hover:light-dark(#efdbff,#321e49);
  --bf-selected-border:light-dark(#8a5acb,#a786d0);
  --bf-selected-text:light-dark(#4e1d95,#efdbff);
  --bf-focus-ring:light-dark(#722ed1,#b37feb);
  --bf-secondary-soft:light-dark(#f9f0ff,#241536);
  --bf-blue:light-dark(#722ed1,#b37feb);
  --bf-primary-text:light-dark(#6224ba,#d3adf7);
  --bf-softblue:light-dark(#f9f0ff,#241536);
  --ui-on-accent:light-dark(#ffffff,#221232);
  --ui-blue-hover:light-dark(#5f25b4,#c79df2);
  --ui-focus:light-dark(#722ed1,#b37feb);
  --ui-segment-selected-bg:light-dark(#722ed1,#b37feb);
  --ui-segment-selected-text:light-dark(#ffffff,#221232);
  --bf-swatch-violet:#722ed1;
}

html[data-accent="slate"],html[data-accent="slate"] #bimflow-app{
  --bf-primary:light-dark(#475569,#94a3b8);
  --bf-primary-hover:light-dark(#334155,#b4c1d1);
  --bf-primary-active:light-dark(#1e293b,#7790a8);
  --bf-on-primary:light-dark(#ffffff,#0b1220);
  --bf-link:light-dark(#334155,#cbd5e1);
  --bf-link-hover:light-dark(#243247,#e2e8f0);
  --bf-link-active:light-dark(#182235,#94a3b8);
  --bf-selected:light-dark(#f1f5f9,#1e293b);
  --bf-selected-hover:light-dark(#e2e8f0,#27364a);
  --bf-selected-border:light-dark(#64748b,#91a4b7);
  --bf-selected-text:light-dark(#1e293b,#e2e8f0);
  --bf-focus-ring:light-dark(#475569,#94a3b8);
  --bf-secondary-soft:light-dark(#f1f5f9,#1e293b);
  --bf-blue:light-dark(#475569,#94a3b8);
  --bf-primary-text:light-dark(#334155,#cbd5e1);
  --bf-softblue:light-dark(#f1f5f9,#1e293b);
  --ui-on-accent:light-dark(#ffffff,#0b1220);
  --ui-blue-hover:light-dark(#334155,#b4c1d1);
  --ui-focus:light-dark(#475569,#94a3b8);
  --ui-segment-selected-bg:light-dark(#475569,#94a3b8);
  --ui-segment-selected-text:light-dark(#ffffff,#0b1220);
  --bf-swatch-slate:#475569;
}

@media(max-width:1100px){:root{--ui-page-x:24px;--ui-page-y:24px}}

@media(max-width:620px){:root{--ui-page-x:16px;--ui-page-y:16px;--ui-control-height:44px;--ui-segment-height:44px;--ui-font-title:24px;--ui-section-gap:16px;--ui-metric-size:24px}}