[data-sopflow-root] {
  --sopflow-color-background: #f8f8f8;
  --sopflow-color-surface: #ffffff;
  --sopflow-color-surface-muted: #f7f7f7;

  --sopflow-color-text: #171717;
  --sopflow-color-text-muted: #737373;

  --sopflow-color-border: #e8e8e8;
  --sopflow-color-document-border: #171717;

  --sopflow-color-selected: #f0f0f0;
  --sopflow-color-selected-border: #171717;
  --sopflow-route-selected: #2563eb;
  --sopflow-route-handle-active: #dbeafe;

  --sopflow-color-error: #dc2626;
  --sopflow-color-error-surface: #fef2f2;

  --sopflow-color-disabled: #a3a3a3;
  --sopflow-color-disabled-surface: #f5f5f5;

  --sopflow-color-loading: #e5e5e5;
  --sopflow-color-empty: #a3a3a3;

  /* Canonical UI geometry: control = pill, surface = rounded, document = square. */
  --sopflow-radius-control: 9999px;
  --sopflow-radius-surface: 16px;
  --sopflow-radius-popover: 14px;
  --sopflow-radius-menu-item: 8px;
  --sopflow-radius-inline: 10px;
  --sopflow-radius-field: 10px;
  --sopflow-radius-action: 9999px;
  --sopflow-radius-chip: 9999px;
  --sopflow-radius-dialog: 16px;
  --sopflow-field-height: 36px;
  --sopflow-dialog-header-padding: 0.875rem 1rem;
  --sopflow-dialog-body-padding: 0.875rem 1rem;
  --sopflow-dialog-footer-padding: 0.75rem 1rem;
  --sopflow-field-padding-x: 10px;
  --sopflow-radius-document: 0px;

  /* Interaction tokens derive from Arc UI's MIT foundation/motion presets.
     Keep motion on UI controls; never animate measured SOP diagrams or A4 paper. */
  --sopflow-radius-pill: 9999px;
  --sopflow-motion-fast: 160ms;
  --sopflow-motion-standard: 240ms;
  --sopflow-motion-considered: 480ms;
  --sopflow-ease-enter: cubic-bezier(.16,1,.3,1);
  --sopflow-ease-standard: cubic-bezier(.22,1,.36,1);
  --sopflow-font-interface: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  --sopflow-font-size-sm: 0.875rem;
  --sopflow-font-size-xs: 0.75rem;
  --sopflow-font-size-document: 0.625rem;

  --sopflow-page-width: 297mm;
  --sopflow-page-height: 210mm;
  --sopflow-page-margin: 15mm;
  --sopflow-content-width: 267mm;
  --sopflow-content-height: 180mm;
  --sopflow-inspector-width: calc(var(--sopflow-page-width) / 3);

  /* Component aliases keep field styles readable while preserving the token names above. */
  --sopflow-background: var(--sopflow-color-background);
  --sopflow-surface: var(--sopflow-color-surface);
  --sopflow-surface-muted: var(--sopflow-color-surface-muted);
  --sopflow-text: var(--sopflow-color-text);
  --sopflow-text-muted: var(--sopflow-color-text-muted);
  --sopflow-border: var(--sopflow-color-border);
  --sopflow-document-border: var(--sopflow-color-document-border);
  --sopflow-selected-surface: var(--sopflow-color-selected);
  --sopflow-selected-border: var(--sopflow-color-selected-border);
  --sopflow-error-text: var(--sopflow-color-error);
  --sopflow-error-border: var(--sopflow-color-error);
  --sopflow-error-surface: var(--sopflow-color-error-surface);
  --sopflow-disabled-text: var(--sopflow-color-disabled);
  --sopflow-disabled-surface: var(--sopflow-color-disabled-surface);
  --sopflow-empty-text: var(--sopflow-color-empty);
  --sopflow-control-radius: var(--sopflow-radius-control);
  --sopflow-surface-radius: var(--sopflow-radius-surface);
  --sopflow-font-sm: var(--sopflow-font-size-sm);
  --sopflow-font-xs: var(--sopflow-font-size-xs);
  --sopflow-font-document: var(--sopflow-font-size-document);

  /* Scoped bridge for official Arc UI components; never leak to app :root. */
  --background: var(--sopflow-background);
  --surface: var(--sopflow-surface);
  --surface-muted: var(--sopflow-surface-muted);
  --foreground: var(--sopflow-text);
  --text-secondary: var(--sopflow-text-muted);
  --text-muted: var(--sopflow-text-muted);
  --border: var(--sopflow-border);
  --border-strong: #bdbdbd;
  --danger: var(--sopflow-error-text);
  --focus-ring: transparent;
  --radius-control: var(--sopflow-radius-control);
  --radius-panel: var(--sopflow-radius-popover);
  --radius-menu-item: var(--sopflow-radius-menu-item);
  --radius-surface: var(--sopflow-radius-surface);
  --radius-pill: var(--sopflow-radius-pill);
  --control-height-sm: 2rem;
  --control-height-md: 2.25rem;
  --control-height-lg: 2.75rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --text-sm: var(--sopflow-font-xs);
  --leading-body: 1.4;
  --shadow-resting: 0 1px 2px rgb(0 0 0 / .045);
  --duration-instant: var(--sopflow-motion-fast);
  --duration-fast: var(--sopflow-motion-fast);
  --duration-standard: var(--sopflow-motion-standard);
  --ease-standard: var(--sopflow-ease-standard);
}