/* --- Self-Hosted Fonts --- */

/* Fraunces: A "Soft Serif" with old-style character */
@font-face {
    font-family: 'Fraunces';
    src: url('/static/webfonts/fraunces.woff2') format('woff2');
    /* Supports variable weights 100-900 */
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

/* Outfit: A geometric, modern sans-serif */
@font-face {
    font-family: 'Outfit';
    src: url('/static/webfonts/outfit.woff2') format('woff2');
    /* Supports variable weights 100-900 */
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

/* --- Typography System --- */

:root {
    --font-display: 'Fraunces', Georgia, serif;
    --font-body: 'Outfit', system-ui, -apple-system, sans-serif;
}

body {
    font-family: var(--font-body);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #1a1a1a;
}

/* Headings: Refined & editorial */
h1, h2, h3, h4, h5, h6, .brand-text {
    font-family: var(--font-display);
    font-weight: 600;

    /* Softer, calmer variation — SOFT=80 (very soft), WONK=0 (no quirk) */
    font-variation-settings: "SOFT" 80, "WONK" 0;
    letter-spacing: -0.025em;
}

/* Buttons & UI: Clean & Geometric */
button, .btn, input, select, textarea, label {
    font-family: var(--font-body);
}