:root {
  /** -----------------------
          BUTTON
  ---------------------------- */
  --dt-button-font_size-default: var(--dt-font_size-base);
  --dt-button-font_weight-default: var(--dt-font_weight-semi_bold-default);
  --dt-button-padding:0.75rem var(--dt-space-03);
  --dt-button-line_height: 1.5rem;

  // cas des button text
  --dt-button-button_text-padding-side: 0px;

  // border
  --dt-button-border_radius-default: 4px;
  --dt-button-border_width-default: 1px;
  --dt-button-border_style-default: solid;
  --dt-button-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
  --dt-button-shadow-hover: 0 0 4px 0 rgba(0,0,0,0.25);

  // ---------------------- Primary
  --dt-button_primary-text-color-default: var(--dt-font-color_main);
  --dt-button_primary-border_color-default: var(--dt-color-primary);
  --dt-button_primary-background_color-default: var(--dt-color-primary);
  --dt-button_primary-shadow: 0 0 10px 0 rgba(0,0,0,0.25);

  // Primary -- hover
  --dt-button_primary-text-color-hover: var(--dt-button_primary-text-color-default);
  --dt-button_primary-border_color-hover: var(--dt-color-primary-light);
  --dt-button_primary-background_color-hover: var(--dt-color-primary-light);
  --dt-button_primary-shadow-hover: 0 0 4px 0 rgba(0,0,0,0.25);


  // ---------------------------- Secondary
  --dt-button_secondary-text-color-default: var(--dt-font-color_main);
  --dt-button_secondary-border_color-default: var(--dt-color-primary);
  --dt-button_secondary-background_color-default: var(--dt-body-background_color);
  // Secondary -- hover
  --dt-button_secondary-text-color-hover: var(--dt-button_secondary-text-color-default);
  --dt-button_secondary-border_color-hover: var(--dt-color-primary-light);
  --dt-button_secondary-background_color-hover: var(--dt-color-primary-light);

  // ---------------------------- Tertiary
  --dt-button_tertiary-text-color-default: var(--dt-color-secondary);
  --dt-button_tertiary-border_color-default: var(--dt-color-secondary);
  --dt-button_tertiary-background_color-default: var(--dt-body-background_color);
  // Tertiary -- hover
  --dt-button_tertiary-text-color-hover: var(--dt-button_tertiary-background_color-default);
  --dt-button_tertiary-border_color-hover: var(--dt-color-secondary);
  --dt-button_tertiary-background_color-hover: var(--dt-color-secondary);

  // Tertiary --button_ghost
  --dt-button_tertiary-button_ghost-text-color-default: var(--dt-color-secondary);
  --dt-button_tertiary-button_ghost-border_color-default: transparent;
  --dt-button_tertiary-button_ghost-background_color-default: transparent;
  // Tertiary --button_ghost -- hover
  --dt-button_tertiary-button_ghost-text-color-hover: var(--dt-color-secondary);
  --dt-button_tertiary-button_ghost-border_color-hover: var(--dt-button_tertiary-button_ghost-border_color-default);
  --dt-button_tertiary-button_ghost-background_color-hover: var(--dt-button_tertiary-button_ghost-background_color-default);
  --dt-button_tertiary-button_ghost-text_decoration-hover: underline;

  // Tertiary --button_ghost --button_color_danger
  --dt-button_tertiary-button_color_danger-button_ghost-text-color-default : var(--dt-color-danger);
  --dt-button_tertiary-button_color_danger-button_ghost-text-color-hover : var(--dt-color-danger);
}