/* 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 */
h1,
.entry-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

h4 {
    font-size: 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;
}