/* ============================================================
   Typography refinements
   Headings: "Sora"  - modern, clean, trustworthy display sans
   Body / UI: "Inter" - kept from the existing design

   This file is loaded AFTER main.css so it only adjusts the
   font-family (and a touch of heading letter-spacing). All
   existing colours, sizes and spacing are left untouched.
   ============================================================ */

:root {
    --font-heading: 'Sora', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--font-body);
}

/* Headings get the display font for a clearer visual hierarchy */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    letter-spacing: -0.01em;
}

h1 {
    letter-spacing: -0.02em;
}

/* Keep interactive chrome / small labels on the body font so the
   navigation, buttons and badges feel exactly as before */
.btn,
.nav-links a,
.chat-btn,
.mobile-nav a,
.step-badge,
.breadcrumb,
.h-spec,
.section-subtitle {
    font-family: var(--font-body);
}