/* Custom properties для удобства управления цветами и шрифтами */
:root {
    --font-heading: 'Lora', serif;
    --font-body: 'Montserrat', sans-serif;
    --cream: #FDF8F5;
    --dark-brown: #4A2E2A;
    --charcoal: #5c5c5c;
    --dusty-rose: #D1A58C;
}

body {
    font-family: var(--font-body);
    color: var(--charcoal);
    background-color: var(--cream);
}

/* Применение пользовательских шрифтов к классам Tailwind (если необходимо) */
.font-heading {
    font-family: var(--font-heading);
}

.font-body {
    font-family: var(--font-body);
}

/* Применение пользовательских цветов к классам Tailwind */
.bg-cream {
    background-color: var(--cream);
}

.bg-dark-brown {
    background-color: var(--dark-brown);
}

.bg-dusty-rose {
    background-color: var(--dusty-rose);
}

.text-dark-brown {
    color: var(--dark-brown);
}

.text-charcoal {
    color: var(--charcoal);
}

.text-dusty-rose {
    color: var(--dusty-rose);
}

.border-dusty-rose {
    border-color: var(--dusty-rose);
}
.focus\:ring-dusty-rose:focus {
    --tw-ring-color: var(--dusty-rose);
}

.prose {
    max-width: 100%;
}