/* Shared design contract. Business views and connection screens read the same tokens. */
:root {
  --ap-canvas:#f5f6fa;
  --ap-surface:#fff;
  --ap-surface-subtle:#f8f9fc;
  --ap-surface-strong:#edf0f6;
  --ap-border:#dce2ed;
  --ap-border-strong:#b7c3d5;
  --ap-text:#202b3f;
  --ap-text-strong:#182237;
  --ap-text-muted:#5e6c82;
  --ap-text-soft:#67758b;
  --ap-accent:#5145d9;
  --ap-accent-hover:#4133bd;
  --ap-accent-soft:#f0effc;
  --ap-on-accent:#fff;
  --ap-success:#08745a;
  --ap-success-soft:#eaf7f1;
  --ap-warning:#99500c;
  --ap-warning-soft:#fff5e6;
  --ap-danger:#bf2948;
  --ap-danger-hover:#9b1d38;
  --ap-danger-soft:#fff0f3;
  --ap-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  --ap-text-page:1.75rem;
  --ap-text-section:1.25rem;
  --ap-text-group:1rem;
  --ap-text-body:.875rem;
  --ap-text-help:.8125rem;
  --ap-text-meta:.75rem;
  --ap-space-xs:4px;
  --ap-space-sm:8px;
  --ap-space-md:12px;
  --ap-space-lg:16px;
  --ap-space-xl:24px;
  --ap-space-2xl:32px;
  --ap-control-height:40px;
  --ap-control-primary:44px;
  --ap-control-compact:36px;
  --ap-radius-sm:6px;
  --ap-radius-md:8px;
  --ap-radius-lg:12px;
  --ap-shadow-sm:0 1px 2px rgb(27 39 65 / .05);
  --ap-shadow-hover:0 3px 8px rgb(40 38 92 / .12);
  --ap-shadow-panel:0 16px 48px rgb(24 32 51 / .18);
  --ap-shadow-pressed:inset 0 1px 2px rgb(24 32 51 / .12);
  --ap-backdrop:rgb(22 30 46 / .4);
  --ap-ease:cubic-bezier(.25,1,.5,1);
  --ap-motion-fast:100ms;
  --ap-motion-feedback:160ms;
  --ap-motion-panel:200ms;
  --ap-z-menu:100;
  --ap-z-sticky:200;
  --ap-z-dialog:400;
}