/* Utility Classes */
.font-serif {
    font-family: var(--font-serif);
}

/* Custom Semantic Utility Colors */
.bg-sage { background-color: var(--color-secondary) !important; }
.bg-terracotta { background-color: var(--color-terracotta) !important; }
.bg-sand { background-color: var(--color-sand) !important; }

.text-sage { color: var(--color-secondary) !important; }
.text-terracotta { color: var(--color-terracotta) !important; }