:root {
/* Font Families */
  --font-primary: 'Montserrat', sans-serif !important;
  --font-secondary: 'Poppins', sans-serif;
  --font-tertiary: 'Courrier', serif;
}

/* Content links */
#main-content a {
    color: var(--pri-500);
    transition: 0.4s ease-out;
        &:hover {
            color: var(--acc-500);
            transition: 0.4s ease-in;
    }
}

/* Titles color and weight */
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
    color: var(--gray-500);
}

/* link titles */
.sk h1 a {
    font-family: var(--font-primary);
    font-size: var(--heading-4xl);
    line-height: var(--line-height-heading-4xl);
    letter-spacing: -0.025em;
  }
  
  .sk h2 a {
    font-family: var(--font-primary);
    font-size: var(--heading-3xl) !important;
    line-height: var(--line-height-heading-3xl);
    letter-spacing: -0.02em;
  }
  
  .sk h3 a {
    font-size: var(--heading-2xl) !important;
  }
  
  .sk h4 a {
    font-size: var(--heading-xl) !important;
  }
  
  .sk h5 a {
    font-size: var(--heading-l) !important;
  }
  
  .sk h6 a {
    font-size: var(--heading-m) !important;
  }

/* voir https://css-tricks.com/almanac/properties/t/text-wrap-style/ */
.sk p {
    text-wrap-style: pretty !important;
}