/* Creative Font Pair: Nunito + Lato */
/* Rounded, friendly fonts with personality */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap');

/* Font variables for creative theme */
:root {
    --heading-font: 'Nunito', sans-serif;
    --body-font: 'Lato', sans-serif;
    --font-family: var(--body-font);
}

/* Apply fonts to elements */
body {
    font-family: var(--body-font);
    font-weight: 400;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 700;
    letter-spacing: -0.01em;
}

h1 {
    font-size: 2.5rem;
    font-weight: 800;
}

h2 {
    font-size: 2rem;
    font-weight: 700;
}

.btn {
    font-family: var(--heading-font);
    font-weight: 600;
    border-radius: var(--radius-lg);
    letter-spacing: 0.025em;
}

.btn-primary {
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
    transform: translateY(-2px);
}

.post-title {
    font-family: var(--heading-font);
    font-weight: 700;
}

.section-title {
    font-family: var(--heading-font);
    font-weight: 800;
}

.logo h1 {
    font-family: var(--heading-font);
    font-weight: 800;
}

.footer-section h3,
.footer-section h4 {
    font-family: var(--heading-font);
    font-weight: 700;
}

.post-meta {
    font-family: var(--body-font);
    font-weight: 500;
}

.post-category {
    font-family: var(--heading-font);
    font-weight: 600;
    border-radius: var(--radius-lg);
    font-size: 0.8rem;
}

.newsletter-content h2 {
    font-family: var(--heading-font);
    font-weight: 700;
}

.hero-title {
    font-family: var(--heading-font);
    font-weight: 800;
}

.post-card {
    border-radius: var(--radius-lg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card {
    border-radius: var(--radius-lg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}