:root {
  /** -----------------------
          BOX DESIGN
  ---------------------------- */
  // MAIN - CONTAINER
  --dt-main_container-max_width: #{$media-query-main-container-min-width};

  --dt-main_container-margin_top-mobile: var(--dt-space-04);
  --dt-main_container-margin_top-desktop: var(--dt-space-06);

  // SECTION
  --dt-section-background_color: var(--dt-background_color-grey);
  --dt-section_content-background_color: var(--dt-body-background_color);
  --dt-section-padding-mobile: var(--dt-space-02);
  --dt-section-padding-desktop: var(--dt-space-05);

  --dt-section-fieldset-margin_top: var(--dt-space-04);

  // SECTION - TITLE
  --dt-section-title-padding-desktop: var(--dt-space-01) 0;
  --dt-section-title-padding-mobile: var(--dt-space-01) var(--dt-space-00);
  --dt-section-title-background_color: var(--dt-color-primary);
  // SECTION - TITLE_UNDERLINE
  --dt-section-title_underline-width: calc(var(--dt-base-grid) * 10);
  --dt-section-title_underline-background_color: var(--dt-color-primary);

  // SUBSECTION - TITLE
  --dt-subsection-title-padding: var(--dt-space-04) 0 0;
  --dt-subsection-title-border_size: 1px;

  // FOOTER
  --dt-footer-background_color: var(--dt-color-very_ligth);

  /** -----------------------
          Contenu : list, information
  ---------------------------- */
  --dt-list-margin_left: var(--dt-space-03);

  // INFORMATION (bulle d'aide comportant un icone d'information et son contenu)
  --dt-information-color: var(--dt-color_main-lighten);
  --dt-information-background_color: var(--dt-background_color-grey_light);
  --dt-information-font_weight: bold;
  --dt-information-in_section-margin_top: var(--dt-space-03);
  --dt-information-more_spacing-margin_top: var(--dt-space-05);
  --dt-information-padding-desktop: var(--dt-space-02);
  --dt-information-padding-mobile: var(--dt-space-02);

  --dt-information-icon-height: var(--dt-space-04);
  --dt-information-icon-margin-right: var(--dt-space-02);
}