:root {

/* CSS variables for process chain component */
  --process-chain-process-step-font-size: 12px;
  --process-chain-body-background-color: rgba(0,0,0,0);
  --process-chain-menu-color: var(--primary-color, hsl(195, 100%, 29%));
  --process-chain-link-color: #D9DADA;
  
  --process-chain-circle-step-number-color: var(--primary-text-color, hsl(0, 0%, 100%));
  --process-chain-circle-step-container-border: var(--primary-color, hsl(195, 100%, 29%));

  --process-chain-circle-vertical-step-number-container-border: var(--process-chain-link-color);
  --process-chain-circle-vertical-step-container-background-color: var(--process-chain-body-background-color);

  --process-chain-circle-horizontal-step-number-container-border-top: var(--process-chain-link-color);
  --process-chain-circle-horizontal-step-number-container-border-top-color: var(--primary-color, hsl(195, 100%, 29%));
  --process-chain-circle-horizontal-waiting-step-number-container-background-color: var(--process-chain-body-background-color);

  --process-chain-line-waiting-step-background-color: #D9DADA;
  
  --process-chain-current-circle-horizontal-step-title-font-weight: bold;
  --process-chain-current-circle-vertical-step-title-font-weight: bold;
  --process-chain-current-line-horizontal-step-title-font-weight: bold;
  --process-chain-current-line-vertical-step-title-font-weight: bold;

/* CSS variables for process history component */
  --process-history-default-font-size: 14px;
  --process-history-dark-mode-running-case-state-font-color: #293241;
  --process-history-header-border-bottom-color: #D9DADA;
  --process-history-unsortable-header-font-size: 1rem;
  --process-history-unsortable-header-text-color: #9C9D9D;
  --process-history-description-text-color: #9C9D9D;
  --process-history-item-background-color: rgba(var(--white, #000000), 0.2);
  --process-history-item-border-bottom-color: #D9DADA;
  --process-history-item-border-hover: 1px solid #90DDE9;
  --process-history-item-background-hover: rgba(144, 221, 233, 0.24);
  --process-history-state-in-progress-color: #FFE896;
  --process-history-state-done-or-resume-color: #D4EBA2;
  --process-history-empty-message-label-color: hsl(64, 1%, 48%);
  --process-history-empty-message-label-font-size: 1.2rem;
  --state-border-radius: 10px;
  --state-font-size: 1rem;
  --state-line-height: 16px;
  --state-running-background: #FFE896;
  --state-done-background: #D4EBA2;
  --state-open-color: #C9C9C9;

/* CSS variables for process viewer component */
  --process-viewer-data-has-error-message-font-weight: normal;
  --process-viewer-data-has-error-message-font-size: 1rem;
  --process-details-column-title-font-size: 0.85rem;

/* CSS variables for avatar component */
  --avatar-background-color: var(--ivy-primary-color-grey-light, hsl(180, 1%, 85%));
}