@font-face {
    font-family: Work Sans;
    src: url(../assets/fonts/WorkSans-VariableFont_wght.ttf);
}

:root {
    --white: hsl(0, 0%, 100%);
    --light-pink: hsl(275, 100%, 97%);
    --grayish-purple: hsl(292, 16%, 49%);
    --dark-purple: hsl(292, 42%, 14%);
    --purple: hsl(281deg 100% 48.5%);

    --background-color: var(--light-pink);
    --text-color: var(--dark-purple);
    --accent-color: var(--purple);
    --primary-font: Work Sans, sans-serif;

    font-family: var(--primary-font);
    color: var(--text-color);
}