/* Inter is loaded via <link> in _head.php; this file owns sizing and weights. */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--mf-text);
    margin: 0;
}

h1, .h1 { font-size: 30px; line-height: 1.2; }
h2, .h2 { font-size: 24px; line-height: 1.25; }
h3, .h3 { font-size: 20px; line-height: 1.3; }
h4, .h4 { font-size: 18px; line-height: 1.35; }
h5, .h5 { font-size: 16px; line-height: 1.4; }
h6, .h6 { font-size: 14px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.04em; }

.mf-text-xs   { font-size: 12px; }
.mf-text-sm   { font-size: 13px; }
.mf-text-base { font-size: 14px; }
.mf-text-md   { font-size: 16px; }
.mf-text-lg   { font-size: 18px; }
.mf-text-xl   { font-size: 20px; }

.mf-text-muted  { color: var(--mf-text-muted); }
.mf-text-subtle { color: var(--mf-text-subtle); }

code, pre {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    font-size: 0.9em;
    background: var(--mf-surface-2);
    padding: 2px 6px;
    border-radius: var(--mf-radius-sm);
}