@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,300;0,400;0,700;1,400&family=Manrope:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

body {
    font-family: "Manrope", sans-serif;
    background-color: #FAF3DD;
    color: #4A4063;
}

.serif-text, .font-serif, .font-headline {
    font-family: "Noto Serif", serif;
}

.font-body, .font-label {
    font-family: "Manrope", sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
    display: inline-block;
    vertical-align: middle;
}

.ink-text {
    color: #4A4063;
}

.vellum-bg {
    background-color: #FAF3DD;
}