:root {

  // Specifique extranet

  // --dt-button-shadow


  //-- Spécifique Intranet

  --dt-button-padding-side: 23px;
  --dt-button-padding_top_bottom: 11px;
  --dt-button-button_text-padding-side: 0px;
  --dt-button-min_height-default: 36px;
  --dt-button-align_items: center;
  --dt-button-font-weight: 500;
  
  // Icon
  --dt-button-icon-height: 14px;
  --dt-button-icon-width: 14px;

  // ---------------------- Primary alternative
  --dt-button_primary_alt-text-color-default: var(--dt-color-white);
  --dt-button_primary_alt-border_color-default: var(--dt-color-secondary_500);
  --dt-button_primary_alt-background_color-default: var(--dt-color-secondary_500);
  // Primary alternative -- hover
  --dt-button_primary_alt-border_color-hover: var(--dt-color-secondary_700);
  --dt-button_primary_alt-background_color-hover: var(--dt-color-secondary_700);

  
  // ---------------------------- Secondary alternative
  --dt-button_secondary_alt-text-color: var(--dt-color-secondary_500);
  --dt-button_secondary_alt-border_color: var(--dt-color-secondary_500);
  --dt-button_secondary_alt-background_color: var(--dt-color-white);
  // Secondary alternative -- hover
  --dt-button_secondary_alt-text-color-hover: var(--dt-color-secondary_700);
  --dt-button_secondary_alt-border_color-hover: var(--dt-color-secondary_700);
  --dt-button_secondary_alt-background_color-hover: var(--dt-color-secondary_50);
  // Secondary alternative -- focus
  --dt-button_secondary_alt-text-color-focus: var(--dt-color-secondary_700);
  --dt-button_secondary_alt-border_color-focus: var(--dt-color-secondary_700);
  --dt-button_secondary_alt-background_color-focus: var(--dt-color-white);
  //-- 

  /** -----------------------
          BUTTON
  ---------------------------- */
  --dt-button-font_size-default: 14px;
  --dt-button-padding: 10px 20px;
  --dt-button-line_height: 16px;


  // ---------------------- Primary
  --dt-button_primary-text-color-default: var(--dt-color-white);

  // Primary -- hover
  --dt-button_primary-text-color-hover: var(--dt-color-white);
  --dt-button_primary-background_color-hover: var(--dt-color-primary_700);

  // ---------------------------- Secondary
  --dt-button_secondary-text-color-default: var(--dt-color-primary);
  --dt-button_secondary-background_color-default: var(--dt-color-white);
  // Secondary -- hover
  --dt-button_secondary-text-color-hover: var(--dt-color-primary_700);
  --dt-button_secondary-border_color-hover: var(--dt-color-primary_700);
  --dt-button_secondary-background_color-hover: var(--dt-color-primary_50);
  // Secondary -- focus
  --dt-button_secondary-text-color-focus: var(--dt-color-primary_700);
  --dt-button_secondary-border_color-focus: var(--dt-color-primary_700);
  --dt-button_secondary-background_color-focus: var(--dt-color-white);

  // ---------------------------- Tertiary
 --dt-button_tertiary-background_color-default: var(--dt-color-white);
  // Tertiary -- hover
  --dt-button_tertiary-text-color-hover: var(--dt-color-white);

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