:root {
    --primary: #f0a1bf;
    --secondary: #a3b899;
    --beige-bg: #fdfaf5;
    --body-grey: #4a4f51;
    --title-dark: #2d3132;
}

body {
    font-family: 'Manrope', sans-serif;
}

.serif-heading {
    font-family: 'Playfair Display', serif;
}

.reading-container {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.maternal-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4rem 0;
    color: var(--primary);
    opacity: 0.6;
}

.maternal-divider::before,
.maternal-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--primary), transparent);
    margin: 0 1.5rem;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}