:root {
  --bpm-primary: #2457c5;
  --bpm-primary-strong: #173f96;
  --bpm-primary-soft: #eaf0ff;
  --bpm-secondary: #334155;
  --bpm-secondary-soft: #eef2f7;
  --bpm-accent: #087f8c;
  --bpm-accent-soft: #e6f7f8;
  --bpm-success: #176b4d;
  --bpm-success-soft: #e8f5ee;
  --bpm-warning: #8a5a00;
  --bpm-warning-soft: #fff4d7;
  --bpm-danger: #b42318;
  --bpm-danger-soft: #ffebe8;
  --bpm-info: #0b6396;
  --bpm-info-soft: #e7f4fb;
  --bpm-neutral: #475569;
  --bpm-neutral-soft: #f1f5f9;
  --bpm-ink: #111827;
  --bpm-muted: #5b6678;
  --bpm-line: #d8e0ec;
  --bpm-line-strong: #b9c5d6;
  --bpm-surface: #ffffff;
  --bpm-surface-muted: #f7f9fc;
  --bpm-background: #f3f6fb;
  --bpm-card: #ffffff;
  --bpm-hover: #edf3ff;
  --bpm-active: #dce8ff;
  --bpm-focus: rgba(36, 87, 197, .28);
  --bpm-sidebar: #0d1726;
  --bpm-sidebar-soft: #142238;
  --bpm-sidebar-hover: #1d2d46;
  --bpm-sidebar-active: #eaf0ff;
  --bpm-sidebar-text: #c8d3e2;
  --bpm-sidebar-muted: #91a0b5;
  --bpm-platform: #20304f;
  --bpm-enterprise: #2457c5;
  --bpm-operations: #087f8c;
  --bpm-personal: #6b5dd3;
  --bpm-space-1: 4px;
  --bpm-space-2: 8px;
  --bpm-space-3: 12px;
  --bpm-space-4: 16px;
  --bpm-space-5: 24px;
  --bpm-space-6: 32px;
  --bpm-radius-sm: 4px;
  --bpm-radius-md: 8px;
  --bpm-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);
  --bpm-shadow-md: 0 16px 36px rgba(17, 24, 39, .12);
  --bpm-shadow-lg: 0 24px 70px rgba(17, 24, 39, .16);
  --bpm-font: "Segoe UI", Arial, sans-serif;
  --bpm-sidebar-width: 272px;
  --bpm-sidebar-collapsed: 78px;
  --bpm-header-height: 72px;
}

[data-bpm-theme="dark"] {
  --bpm-ink: #f8fafc;
  --bpm-muted: #b8c2d2;
  --bpm-line: #26364d;
  --bpm-line-strong: #344862;
  --bpm-surface: #111b2b;
  --bpm-surface-muted: #162236;
  --bpm-background: #0b1220;
  --bpm-card: #111b2b;
  --bpm-hover: #182846;
  --bpm-active: #20365e;
}