/* Minimal Font Pair: Work Sans + IBM Plex Sans */
/* Clean, minimal fonts with excellent readability */

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

/* Font variables for minimal theme */
:root {
    --heading-font: 'Work Sans', sans-serif;
    --body-font: 'IBM Plex Sans', sans-serif;
    --font-family: var(--body-font);
}

/* Apply fonts to elements */
body {
    font-family: var(--body-font);
    font-weight: 400;
    line-height: 1.6;
    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.1;
}

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;
    border-radius: var(--radius-sm);
}

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

.btn-primary:hover {
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
    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;
    border-radius: var(--radius-sm);
}

.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;
    letter-spacing: 0.005em;
}

.form-group input,
.form-group textarea {
    font-family: var(--body-font);
    letter-spacing: 0.01em;
}