body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFBEB;
    /* A warmer, more inviting background color */
    color: #4A4A4A;
    /* Softer text color */
}

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

.page-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/breadcrumb.png');
    background-size: cover;
    background-position: center;
}

/* Add a subtle box-shadow to cards or sections */
.content-section {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    margin-bottom: 2rem;
}

h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: #8C6A3B;
    /* Honey-toned heading color */
}

p,
ul {
    line-height: 1.8;
}

strong {
    color: #333333;
}

/* Modernize blockquotes or important notes */
blockquote {
    border-left: 4px solid #FBBF24;
    /* Amber color for emphasis */
    padding-left: 1rem;
    margin-left: 0;
    font-style: italic;
    color: #6B7280;
}

/* Style the footer */
footer {
    background-color: #333333;
}

footer h4 {
    color: #F3EAD8;
}

footer a {
    transition: color 0.3s ease;
}

/* Customizing prose styles for a more modern look */
.prose {
    max-width: 90ch;
    /* Optimal reading width */
}

.prose h2 {
    font-family: 'Playfair Display', serif;
    color: #8C6A3B;
    border-bottom: 2px solid #F3EAD8;
    padding-bottom: 0.5rem;
    margin-top: 2rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.prose p {
    text-align: justify;
}

.prose ul {
    list-style-type: '🍯';
    /* Fun, on-brand list style */
    padding-left: 1.5rem;
}

.prose li::marker {
    font-size: 1.2em;
    padding-right: 0.5em;
}