/* LXJ UI 2026.10-r1; framework-neutral token declarations, not a component library. */
:root {
  --lxj-color-primary-900: #173D32;
  --lxj-color-primary-700: #245646;
  --lxj-color-primary-500: #3E7561;
  --lxj-color-primary-100: #E5EEE9;
  --lxj-color-primary-50: #F2F7F4;
  --lxj-color-surface-page: #F6F5F1;
  --lxj-color-surface-default: #FFFFFF;
  --lxj-color-text-primary: #202522;
  --lxj-color-text-secondary: #626A66;
  --lxj-color-text-weak: #929894;
  --lxj-color-border-default: #DEE2DF;
  --lxj-color-border-divider: #ECEEEC;
  --lxj-color-status-success: #27845F;
  --lxj-color-status-warning: #C8892C;
  --lxj-color-status-error: #C74B4B;
  --lxj-color-status-info: #4D7495;
  --lxj-space-4: 4px;
  --lxj-space-8: 8px;
  --lxj-space-12: 12px;
  --lxj-space-16: 16px;
  --lxj-space-20: 20px;
  --lxj-space-24: 24px;
  --lxj-space-32: 32px;
  --lxj-space-40: 40px;
  --lxj-space-48: 48px;
  --lxj-radius-sm: 6px;
  --lxj-radius-md: 8px;
  --lxj-radius-lg: 12px;
  --lxj-radius-xl: 16px;
  --lxj-shadow-none: none;
  --lxj-shadow-1: 0 1px 3px rgba(0,0,0,0.06);
  --lxj-shadow-2: 0 8px 24px rgba(0,0,0,0.10);
  --lxj-font-size-pageTitle: 24px;
  --lxj-font-size-heading1: 20px;
  --lxj-font-size-heading2: 16px;
  --lxj-font-size-body: 14px;
  --lxj-font-size-secondary: 13px;
  --lxj-font-size-table: 13px;
  --lxj-font-size-label: 12px;
  --lxj-primary-bg: var(--lxj-color-primary-700);
  --lxj-primary-fg: #FFFFFF;
  --lxj-primary-hover: var(--lxj-color-primary-900);
  --lxj-focus-width: 2px;
  --lxj-focus-offset: 2px;
  --lxj-focus-color: var(--lxj-color-primary-500);
  --lxj-body-line-height: 1.5;
}
[data-lxj-mode="tool"] {
  --lxj-control-height: 44px;
  --lxj-control-radius: 8px;
  --lxj-container-radius: 12px;
  --lxj-table-row-height: 48px;
}
[data-lxj-mode="workspace"] {
  --lxj-control-height: 40px;
  --lxj-control-radius: 8px;
  --lxj-container-radius: 12px;
  --lxj-table-row-height: 40px;
  --lxj-sidebar-width: 240px;
}
[data-lxj-mode="system"] {
  --lxj-control-height: 36px;
  --lxj-control-radius: 6px;
  --lxj-container-radius: 8px;
  --lxj-table-row-height: 40px;
  --lxj-sidebar-width: 220px;
}
[data-lxj-mode="system"][data-lxj-density="compact"] {
  --lxj-control-height: 32px;
  --lxj-table-row-height: 36px;
  --lxj-sidebar-width: 200px;
}