/* ==========================================================================
   Augmented Tech Labs — Brand typography layer
   --------------------------------------------------------------------------
   Type pair:
     Display / headings ... Nohemi             (self-hosted, see @font-face below)
     Body / UI ............ Plus Jakarta Sans  (tall x-height, warm, legible)

   Replaces the previous Manrope + Barlow Condensed pair.

   NOHEMI IS SELF-HOSTED — it is not on Google Fonts. Files live in
   public/frontend/fonts/nohemi/ as woff2 (~23KB per weight, converted from the
   TTFs published in @tamagui/font-nohemi). Free for personal AND commercial use;
   designed by Rajesh Rajput. The typeface files must not be modified.
   Only the 4 weights actually used are shipped — add more from the same source
   if a design needs Thin/Light/Black.

   The @font-face paths below are relative to THIS file (frontend/css/), so they
   resolve against whichever host serves it. Keep the @font-face block here and
   not in style.css: style.css is served remotely, where the fonts dir does not
   exist.

   WHY THIS FILE EXISTS
   frontend/includes/head.blade.php loads plugins.css and style.css from a
   hardcoded remote host (http://3.15.56.125:8003/...), so edits to the local
   public/frontend/css/style.css do NOT reach the browser until that host is
   re-synced. This file is served from THIS app and is linked immediately
   after style.css, so the type pair applies regardless of which copy of
   style.css the page ends up loading.

   The same changes are also applied in local style.css (the source of truth).
   Once the remote host is re-synced — or head.blade.php is pointed at local
   assets — this file becomes a harmless no-op and can be dropped.

   Load order: plugins.css -> style.css -> typography.css -> page-scoped css
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap");

/* --- Nohemi (display) ---------------------------------------------------- */
@font-face {
    font-family: "Nohemi";
    src: url("../fonts/nohemi/Nohemi-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nohemi";
    src: url("../fonts/nohemi/Nohemi-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nohemi";
    src: url("../fonts/nohemi/Nohemi-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Nohemi";
    src: url("../fonts/nohemi/Nohemi-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-display: "Poppins", "Plus Jakarta Sans", system-ui, sans-serif;
    --bs-font-sans-serif:
        "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    /* Legacy alias kept so any remaining .font-famity-type / .font-family-bow
     markup inherits the new display face instead of Barlow Condensed. */
    --font-family-typing: var(--font-display);
}

body {
    font-family: var(--bs-font-sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Headings ------------------------------------------------------------
   Nohemi is a wide geometric sans, so headings get negative tracking to keep
   multi-word titles on the same number of lines they used to occupy. */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    font-weight: 700;
    word-spacing: normal;
    letter-spacing: -0.022em;
}

/* Large sizes carry more optical width — tighten a touch further. */
.h1,
h1,
.h2,
h2 {
    letter-spacing: -0.03em;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-family: var(--font-display);
    letter-spacing: -0.032em;
}

/* Uppercase needs air back, not the tightening above. */
.text-uppercase.h1,
.text-uppercase.h2,
.text-uppercase.h3,
.text-uppercase.h4,
.text-uppercase.h5,
.text-uppercase.h6,
h1.text-uppercase,
h2.text-uppercase,
h3.text-uppercase,
h4.text-uppercase,
h5.text-uppercase,
h6.text-uppercase {
    letter-spacing: 0.07em;
}

/* --- UI text -------------------------------------------------------------
   Buttons and nav stay on the body face; 600 gives Plus Jakarta Sans the
   density the old Manrope 700 had without looking heavy on pill buttons.
   Buttons deliberately stay OFF Nohemi — its wide geometry pushes pill buttons
   noticeably wider at the same label length. */
.btn {
    font-family: var(--bs-font-sans-serif);
    font-weight: 600;
    letter-spacing: -0.005em;
}

.navbar-nav .nav-link,
.nav-link {
    font-family: var(--bs-font-sans-serif);
}

.lead {
    font-family: var(--bs-font-sans-serif);
    letter-spacing: -0.005em;
}

/* Section eyebrows / kickers used across the revamped pages. */
.as-eyebrow,
.text-uppercase.fs-15,
.text-uppercase.fs-16 {
    letter-spacing: 0.09em;
}

/* Numeric accents (step numbers, badges, stat figures) ride the display face
   so figures match the headings they sit beside. */
.as-step-num,
.as-inc-num,
.as-outcome-badge,
.counter,
.font-famity-type,
.font-family-bow {
    font-family: var(--font-display);
    letter-spacing: -0.03em;
}
.navbar-expand-lg .navbar-collapse .nav-link {
    cursor: pointer;
}
@media (max-width: 991px) {
    .navbar-brand img {
        height: 50px;
    }
}