new-templane/resources/sass/base/_typography.scss

// Typography
body {
	// для прижатого к низу футера
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin:0;
	padding:0;
	font-family: var(--default-font-family), Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: var(--fz-default);
	font-style: normal;
	font-weight: 400;
	line-height: var(--lh-default);
	min-width: 360px;
	color: var(--text-color);
	position: relative;
	//background-color: var(--bg);
	background-color:#FFF;
	scroll-behavior: smooth; // плавный скролл
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; //сглаживание шрифтов
}

// default typography styles
h1 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: var(--h1);
	line-height: 106%;
}

h2 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: var(--h2);
	line-height: 125%;
}

h3 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: var(--h3);
	line-height: 130%;
}

h4 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: var(--h4);
	line-height: 133%;
}

h5 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: var(--m);
	line-height: 135%;
}

h6 {
	font-family: var(--heading-font-family);
	font-weight: 900;
	font-size: var(--m);
	line-height: 140%;
}

h1, h2, h3, h4, h5, h6{
	margin:32px 0 20px 0;
	@include mobile{
		margin:24px 0 12px 0;
	}
}

// text style
.text{
	& > h1:first-child,
	& > h2:first-child,
	& > h3:first-child,
	& > h4:first-child,
	& > h5:first-child,
	& > h6:first-child{
	 margin-top:0;
	}
 p{
	 margin-bottom:24px;
	 @include mobile{
		 margin-bottom:16px;
	 }
	 &:last-child{
		 margin-bottom:0;
	 }
 }
 a{
	 color:var(--color-link-text);
	 text-decoration:underline;
	 text-underline-offset: 3px;
	 text-decoration-thickness: 1px;
	 &:hover{
		 text-decoration:none;
		 color:var(--color-theme-red);
	 }
 }
 // list style ol ul
 ol, ul{
	 margin:24px 0;
	 list-style-position: inside;
	 @include mobile{
		 margin:12px 0;
		 padding-left:8px;
	 }
	 li{
		 margin:12px 0;
		 margin-left:32px;
		 @include mobile{
			 margin-left:16px;
		 }
	 }
 }

 // list style ul
 ul{
	 list-style:disc;
 }

 // list style ol
 ol{
	 list-style:decimal;
 }

}