I love the drop shadow! Well done. Your HTML and CSS code is quite clean too.
Consider using CSS Variables to store the design system information in one location. For example, you can store all of the colors like this:
:root {
--Slate-300: hsl(212, 45%, 89%);
--Slate-500: hsl(216, 15%, 48%);
--Slate-900: hsl(218, 44%, 22%);
}
Then, you can apply each one like this:
.text-preset-1 {
font-size: 22px;
font-weight: 700;
line-height: 120%;
color: var(--Slate-900);
}
Hope it helps.
0