@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/sora/sora-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-variable.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono/ibm-plex-mono-latin-500.woff2") format("woff2");
}

:root {
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-technical: "IBM Plex Mono", "Cascadia Mono", monospace;
}

body,
button,
input,
select,
textarea,
table {
  font-family: var(--font-body);
}

button,
.button,
.home-button,
.home-link,
.text-link,
.dashboard aside .active,
.operation-nav a,
.status-active,
.status-inactive,
.course-card dd,
.operation-card strong,
.profile-details dt,
.training-filters label,
.form-field label,
.remove-assignment label,
.training-operation legend,
.login-form label,
.data-form label,
.copy-panel label,
th,
strong,
b {
  font-weight: 600;
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 600;
  text-wrap: balance;
}

.site-header nav a,
.link-button,
.navigation-menu__control,
.home-footer__nav {
  font-family: var(--font-body);
  font-weight: 500;
}

.home h1 {
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.home h2,
.home-closing h2 {
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

.home h3 {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.home p:not(.home-eyebrow) {
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: normal;
  text-wrap: pretty;
}

.home-prose p:first-child,
.home-training__copy p:first-child {
  font-weight: 400;
}

.home-experience__number span {
  font-weight: 600;
}

.eyebrow,
.home-eyebrow,
.status,
.course-meta,
.status-badge,
.home-solutions__grid article > span,
.home-process__steps span,
.home-automation__flow span,
.home-experience__number strong {
  font-family: var(--font-technical);
  font-weight: 500;
  letter-spacing: 0.06em;
}