/* =========================================================
   ENGINEERING FIRM — FONT SYSTEM
   CSS ONLY — NO PHP / HTML / JS CHANGES

   Selected typography:
   - Roboto Slab  : readable body / supporting text
   - Oswald       : headings, navigation, cards, strong UI text
   - Orbitron     : technical labels / engineering details
   - Bebas Neue   : primary CTA / strong display accents

   Deliberately not used across the interface:
   Original Surfer, Lilita One, Caacupe One, Kreon.
   Those are more decorative and would weaken the professional
   engineering-consultancy feel of the site.
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700;800;900&display=swap');

/* Base readable font */
html,
body {
    font-family: "Roboto Slab", Georgia, serif;
}

/* Main engineering headings */
h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.page-title,
.section-title {
    font-family: "Oswald", Arial, sans-serif;
}

/* Navigation and strong interface text */
.main-nav a,
.brand strong,
.btn,
.nav-cta,
.card-title,
.service-title,
.project-title,
.team-name,
.gallery-title,
.faq-ai-title {
    font-family: "Oswald", Arial, sans-serif;
}

/* Small technical / engineering labels */
.topbar,
.topbar-inner,
.eyebrow,
.hero-counter,
.number,
.status,
.loader-status,
.loader-subtitle,
.brand small {
    font-family: "Orbitron", Arial, sans-serif;
}

/* Main call-to-action accents */
.btn-primary,
.request-btn,
.hero-actions .btn,
.cta-inner .btn,
.nav-cta {
    font-family: "Bebas Neue", "Oswald", Arial, sans-serif;
    letter-spacing: .08em;
}

/* Keep form controls readable */
input,
textarea,
select,
button {
    font-family: "Roboto Slab", Georgia, serif;
}