/* Inter Font Face - Local Loading */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');
}

/* Base Typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}

/* Hierarchy — fluid typography com clamp() + text-wrap balance */
h1,
.entry-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance; /* elimina linhas viuvas — distribui texto uniformemente */
}

h2 {
    font-size: clamp(1.375rem, 3vw, 1.5rem);
    font-weight: 600;
    line-height: 1.3;
    text-wrap: balance;
}

h3 {
    text-wrap: balance;
}

h3 {
    font-size: clamp(1.125rem, 2.5vw, 1.25rem); /* 18px - 20px */
    font-weight: 600;
    line-height: 1.4;
}

h4 {
    font-size: 1.125rem; /* 18px */
    font-weight: 600;
}

/* Secondary Text (Meta, Date, Author, Breadcrumbs, Captions) */
.entry-meta,
.post-date,
.author-name,
.breadcrumbs,
.wp-caption-text,
.post-meta,
.widget-title {
    font-size: 14px;
    font-weight: 500;
}

/* Lead / Excerpt / Subtitle */
.lead,
.entry-subtitle,
.post-excerpt,
.entry-content>p:first-of-type {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}

/* Navigation & UI */
.main-navigation a,
.nav-menu li a {
    font-size: 15px;
    font-weight: 500;
}

button,
.button,
input[type="submit"],
.read-more,
.btn {
    font-size: 15px;
    font-weight: 600;
}