/* Custom Site Styles */
:root {
    /* Colors */
    --color-primary: #4a5f4d; /* moss */
    --color-secondary: #8a9b88; /* sage */
    --color-accent: #5a7d8c; /* muted-blue */
    --color-background: #fafaf8; /* off-white */
    --color-background-2: #e5e7eb; /* lighter-gray */
    --color-text: #2d3436; /* charcoal */

    /* Typography */
    --font-heading: 'DM Serif Display', serif;
    --font-body: 'Work Sans', sans-serif;
    --font-nav: 'Work Sans', sans-serif;
    --font-logo: 'DM Serif Display', serif;
    --font-subheading: 'Work Sans', sans-serif;

    /* UI Elements */
    --button-radius: 0.125rem; /* Tailwind rounded-sm */
}

/* Apply Fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

body, p, span, div {
    font-family: var(--font-body);
}

nav a, .nav-link {
    font-family: var(--font-nav);
    font-weight: 700!important; /* Ensure nav links are bold */
}

.logo-text {
    font-family: var(--font-logo);
}

.subheading {
    font-family: var(--font-subheading);
    font-weight: 700;
    font-size: 1.25rem; /* Tailwind text-lg */
}

/* Apply UI */
button, .btn, a[class*="px-"][class*="py-"] {
    border-radius: var(--button-radius);
}