@import "colors";
:root {
  /** Thème */
  // définition du thème via 2 couleurs
  --dt-color-primary: #{$color-green_500};
  --dt-color-primary-light: #{$color-green_300};

  --dt-color-secondary: #{$color-blue_500};
  --dt-color-secondary-dark: #{$color-blue_700};

  --dt-color-danger: #{$color-red_500};
  --dt-color-danger-dark: #{$color-red_700};

  /** Background */
  --dt-body-background_color: #{$color-white};

  --dt-background_color-grey_light: #{$color-grey_400};
  --dt-background_color-grey: #{$color-grey_500};
  --dt-background_color-grey_dark: #{$color-grey_600};

  /** TEXT */
  --dt-font-color_main: #{$color-brown_500};
  --dt-font-color_main-ligth: #{$color-brown_400};
  --dt-font-color_main-very_light: #{$color-brown_300};

  // Définition des fonts et typo du thème
  --dt-font_family-main: 'Open Sans', sans-serif;
  --dt-font_family-secondary: "Montserrat", 'Open Sans', sans-serif;

  --dt-font_weight-default: 300;
  --dt-font_weight-semi_bold-default: 600;
  --dt-font_weight-bold-default: 700;

  --dt-font_size-base: 16px;
  --dt-font_size-base-calc: 16;

  --dt-font_size-default: var(--dt-font_size-base);
  --dt-font_size-default-calc: var(--dt-font_size-base-calc);
  --dt-font-line_height-default: 160%;

  --dt-type-of-quotes: "« " " »" "< " " >";
}