:root {

  // ligne reliant les item-index
  --dt-step_bar-line-size: 3px;
  --dt-step_bar-line-color: var(--dt-color-primary);

  // Item INDEX : rond dans lequel nous avons l'index de l'étape
  --dt-step_bar-item_index-square: 48px;

  --dt-step_bar-item_index-font_family: var(--dt-font_family-secondary);
  --dt-step_bar-item_index-font_weight: var(--dt-font_weight-semi_bold-default);
  --dt-step_bar-item_index-font-color: var(--dt-font-color_main);
  --dt-step_bar-item_index-font_size: 1.5rem;

  --dt-step_bar-item_index-border: var(--dt-step_bar-line-size) solid var(--dt-step_bar-line-color);
  --dt-step_bar-item_index-background: var(--dt-body-background_color);

  //// ETAT ---- CURRENT
  --dt-step_bar-item_index-background-current: var(--dt-color-primary);

  //// ETAT ---- CHECKED
  --dt-step_bar-item_index-background-checked: var(--dt-color-primary);
  // HOVER
  --dt-step_bar-item_index-background-checked-hover: var(--dt-color-primary-light);
  --dt-step_bar-item_index-border_color-checked-hover: var(--dt-step_bar-item_index-background-checked-hover);

  // Item Name : text sous item-index
  --dt-step_bar-item_name-font_weight: var(--dt-font_weight-bold-default);
  --dt-step_bar-item_name-padding: var(--dt-space-01) 0 0 0;
  --dt-step_bar-item_name-font_size: var(--dt-font_size-base);
}