1 files changed, 72 insertions, 0 deletions
diff --git a/scss/base/_typography.scss b/scss/base/_typography.scss
new file mode 100644
index 0000000..4dd0afb
--- /dev/null
+++ b/scss/base/_typography.scss
@@ -0,0 +1,72 @@
+body {
+  font-family: var(--font-sans-serif);
+  font-size: var(--font-size-1);
+  font-weight: 400;
+  letter-spacing: 0.03rem;
+  line-height: 1.5;
+  word-wrap: break-word;
+  hyphens: auto;
+}
+
+h1 {
+  font-size: var(--font-size-5);
+}
+
+h1:not(:first-child) {
+  margin-block-start: var(--spacing-block-lg);
+}
+
+h2 {
+  font-size: var(--font-size-4);
+}
+
+h2:not(:first-child) {
+  margin-block-start: var(--spacing-block-lg);
+}
+
+h3 {
+  font-size: var(--font-size-3);
+}
+
+h3:not(:first-child) {
+  margin-block-start: var(--spacing-block-md);
+}
+
+h4 {
+  font-size: var(--font-size-2);
+}
+
+h4:not(:first-child) {
+  margin-block-start: var(--spacing-block-sm);
+}
+
+h1,
+h2,
+h3,
+h4 {
+  font-family: var(--font-serif);
+  font-weight: 700;
+  line-height: 1.15;
+  text-wrap: balance;
+}
+
+.title {
+  font-family: var(--font-serif);
+  font-size: var(--font-size-6);
+  font-weight: 700;
+  margin-block-start: var(--spacing-block-sm);
+  text-wrap: balance;
+}
+
+.title--small {
+  font-size: var(--font-size-2);
+  margin-block-start: 0;
+}
+
+:is(p, ol, ul):not(:first-child) {
+  margin-block-start: var(--spacing-block-sm);
+}
+
+:is(p, h1, h2, h3, h4) {
+  max-width: var(--width-prose);
+}