/* ============================================
   Inter Font Family Import from Google Fonts
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ============================================
   Global Font Family
   ============================================ */
* {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

html,
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   Font Weight Utilities
   ============================================ */
.fw-thin {
  font-weight: 100;
}

.fw-extralight {
  font-weight: 200;
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.fw-extrabold {
  font-weight: 800;
}

.fw-black {
  font-weight: 900;
}

/* ============================================
   Typography Heading Styles
   ============================================ */
h1,
.h1 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

h2,
.h2 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

h3,
.h3 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

h4,
.h4 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

h5,
.h5 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

h6,
.h6 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.5;
}

/* ============================================
   Paragraph & Body Text
   ============================================ */
p {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

small,
.small {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 400;
}

label {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 500;
}

/* ============================================
   Links
   ============================================ */
a {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   Code & Pre-formatted Text
   ============================================ */
code,
pre,
kbd,
samp {
  font-family: 'Courier New', Courier, monospace;
}

/* ============================================
   Form Elements
   ============================================ */
input,
textarea,
select,
button,
.btn {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

input::placeholder,
textarea::placeholder {
  font-family: 'Inter', system-us, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   List Elements
   ============================================ */
ul,
ol,
li {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   Table Elements
   ============================================ */
table,
th,
td {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   Navbar & Navigation
   ============================================ */
.nav-link,
.navbar-brand {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================
   Display Text Utilities
   ============================================ */
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 700;
}

/* ============================================
   Monospace Text
   ============================================ */
.monospace {
  font-family: 'Courier New', Courier, monospace;
}