/* Professional Font Pair: Roboto + Roboto Slab */
/* Clean, highly legible fonts for business */

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

/* Font variables for professional theme */
:root {
    --heading-font: 'Roboto Slab', serif;
    --body-font: 'Roboto', sans-serif;
    --font-family: var(--body-font);
}

/* Apply fonts to elements */
body {
    font-family: var(--body-font);
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

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

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

.btn {
    font-family: var(--body-font);
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: none;
}

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

.btn-primary:hover {
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3);
    transform: translateY(-1px);
}

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

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

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

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

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

.post-category {
    font-family: var(--body-font);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.8rem;
}

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

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

.post-excerpt {
    font-family: var(--body-font);
    font-weight: 400;
    line-height: 1.6;
}