/* UI-1: shared Staff primitives over the existing, role-neutral palette. */
body.staff-app.staff-shell-visible[data-staff-foundation="2a"] {
  --staff-foundation-space-1: var(--staff-space-1);
  --staff-foundation-space-2: var(--staff-space-2);
  --staff-foundation-space-3: var(--staff-space-3);
  --staff-foundation-space-4: var(--staff-space-4);
  --staff-foundation-space-5: var(--staff-space-5);
  --staff-foundation-space-6: var(--staff-space-6);
  --staff-foundation-space-8: var(--staff-space-8);
  --staff-foundation-space-10: 40px;
  --staff-foundation-space-12: 48px;
  --staff-foundation-space-16: 64px;
  --staff-foundation-type-page: var(--staff-text-page-title);
  --staff-foundation-type-section: var(--staff-text-section-title);
  --staff-foundation-type-body: var(--staff-text-body);
  --staff-foundation-type-label: var(--staff-text-label);
  --staff-foundation-type-meta: var(--staff-text-meta);
  --staff-foundation-radius-control: var(--staff-radius-control);
  --staff-foundation-radius-surface: var(--staff-radius-card);
  --staff-foundation-elevation-surface: var(--staff-shadow-surface);
  --staff-foundation-elevation-overlay: var(--staff-shadow-overlay);
  --staff-foundation-container-wide: var(--staff-frame-wide);
  --staff-foundation-surface: var(--staff-surface);
  --staff-foundation-surface-soft: var(--staff-surface-soft);
  --staff-foundation-text: var(--staff-text);
  --staff-foundation-text-muted: var(--staff-text-muted);
  --staff-foundation-border: var(--staff-border);
  --staff-foundation-status-success: var(--staff-success);
  --staff-foundation-status-warning: var(--staff-warning);
  --staff-foundation-status-error: var(--staff-danger);
  --staff-foundation-focus: var(--staff-focus);
  --staff-foundation-interaction-height: var(--staff-control-height);
  --staff-foundation-mobile-header-height: 64px;
  --staff-foundation-mobile-nav-height: 60px;
  --staff-foundation-gutter: clamp(12px, 2.7vw, 40px);
  --staff-foundation-layer-header: var(--staff-layer-sticky);
  --staff-foundation-layer-navigation: var(--staff-layer-navigation);
  --staff-foundation-layer-popover: var(--staff-layer-popover);
  --staff-foundation-layer-modal: var(--staff-layer-modal);
  --staff-foundation-layer-feedback: var(--staff-layer-feedback);
}

html[data-theme="dark"] body.staff-app.staff-shell-visible[data-staff-foundation="2a"] {
  --staff-foundation-surface: var(--staff-surface);
  --staff-foundation-surface-soft: var(--staff-surface-soft);
  --staff-foundation-text: var(--staff-text);
  --staff-foundation-text-muted: var(--staff-text-muted);
  --staff-foundation-border: var(--staff-border);
  --staff-foundation-focus: var(--staff-focus);
}