@font-face {
  font-family: "Inter";
  src: url(../../fonts/urbanist/Urbanist-Regular.woff2) format("woff2"),
       url(../../fonts/urbanist/Urbanist-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url(../../fonts/urbanist/Urbanist-Medium.woff2) format("woff2"),
       url(../../fonts/urbanist/Urbanist-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url(../../fonts/urbanist/Urbanist-SemiBold.woff2) format("woff2"),
       url(../../fonts/urbanist/Urbanist-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url(../../fonts/urbanist/Urbanist-Bold.woff2) format("woff2"),
       url(../../fonts/urbanist/Urbanist-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
  word-spacing: normal !important;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 0.85rem;
}

/* Buttons & navigation */
.btn,
.dropdown-item,
.nav-link {
  letter-spacing: normal;
}

.btn,
.lg-sub-html p,
.nav-link,
.nav-link p,
.navbar .btn-sm {
  font-size: 0.85rem;
}

.dropdown-menu {
  font-size: 0.8rem;
}

.btn-group-sm > .btn,
.btn-sm,
.post-meta,
.share-dropdown .dropdown-menu .dropdown-item {
  font-size: 0.75rem;
}

/* Meta & small text */
.filter,
.filter ul li a,
.meta,
.post-category {
  font-size: 0.7rem;
}

.post-header .post-meta {
  font-size: 0.85rem;
}

/* Headings & content */
.accordion-wrapper .card-header button,
.collapse-link,
.nav-tabs .nav-link,
blockquote {
  font-size: 0.9rem;
}

.blockquote-footer {
  font-size: 0.65rem;
}

.blockquote-details p,
.counter-wrapper p {
  font-size: 0.85rem;
}

/* Counters */
.counter-wrapper .counter {
  font-size: calc(1.33rem + 0.96vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .counter-wrapper .counter {
    font-size: 2.05rem;
  }
}

.counter-wrapper .counter.counter-lg {
  font-size: calc(1.35rem + 1.2vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .counter-wrapper .counter.counter-lg {
    font-size: 2.25rem;
  }
}

/* Headings scale */
h1, .h1 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 1.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.26rem + 0.12vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.35rem;
  }
}

h3, .h3 { font-size: 1.15rem; font-weight: 600; }
h4, .h4 { font-size: 1rem; font-weight: 600; }
h5, .h5 { font-size: 0.95rem; font-weight: 600; }
h6, .h6 { font-size: 0.9rem; font-weight: 600; }

/* Utility */
.fs-sm { font-size: 0.75rem !important; }
.fs-lg { font-size: 1.05rem !important; }

.lead {
  font-size: 0.95rem;
  line-height: 1.6;
}

.lead.fs-lg {
  font-size: 1.1rem !important;
  line-height: 1.55;
}

/* Display titles */
.display-1 {
  font-size: calc(1.375rem + 1.5vw);
  line-height: 1.15;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-1 { font-size: 2.5rem; }
}

.display-2 {
  font-size: calc(1.355rem + 1.26vw);
  line-height: 1.2;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-2 { font-size: 2.3rem; }
}

.display-3 {
  font-size: calc(1.335rem + 1.02vw);
  line-height: 1.2;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-3 { font-size: 2.1rem; }
}

.display-4 {
  font-size: calc(1.315rem + 0.78vw);
  line-height: 1.25;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-4 { font-size: 1.9rem; }
}

.display-5 {
  font-size: calc(1.295rem + 0.54vw);
  line-height: 1.25;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-5 { font-size: 1.7rem; }
}

.display-6 {
  font-size: calc(1.275rem + 0.3vw);
  line-height: 1.3;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .display-6 { font-size: 1.5rem; }
}